/* Lima Exact 1:1 Pixel-Perfect Design System - Authentic Apple iOS Typography */

/* ==========================================================================
   Apple San Francisco (SF Pro / SF Pro Rounded / SF Mono) Official Typography
   100% Offline, Native Apple Font Rendering Across All Platforms and Browsers
   ========================================================================== */

/* SF Pro Display - Regular 400 */
@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('SF Pro Display Regular'), local('SF Pro Display'), local('-apple-system'),
       url('/assets/fonts/SF-Pro-Display-Regular.woff2') format('woff2');
}

/* SF Pro Display - Medium 500 */
@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('SF Pro Display Medium'), local('SF Pro Display'),
       url('/assets/fonts/SF-Pro-Display-Medium.woff2') format('woff2');
}

/* SF Pro Display - Semibold 600 */
@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('SF Pro Display Semibold'), local('SF Pro Display'),
       url('/assets/fonts/SF-Pro-Display-Semibold.woff2') format('woff2');
}

/* SF Pro Display - Bold 700 */
@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('SF Pro Display Bold'), local('SF Pro Display'),
       url('/assets/fonts/SF-Pro-Display-Bold.woff2') format('woff2');
}

/* SF Pro Display - Heavy 800 */
@font-face {
  font-family: 'SF Pro Display';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local('SF Pro Display Heavy'), local('SF Pro Display Black'), local('SF Pro Display'),
       url('/assets/fonts/SF-Pro-Display-Heavy.woff2') format('woff2');
}

/* SF Pro Text - Regular 400 */
@font-face {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('SF Pro Text Regular'), local('SF Pro Text'), local('-apple-system'),
       url('/assets/fonts/SF-Pro-Text-Regular.woff2') format('woff2');
}

/* SF Pro Text - Medium 500 */
@font-face {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('SF Pro Text Medium'), local('SF Pro Text'),
       url('/assets/fonts/SF-Pro-Text-Medium.woff2') format('woff2');
}

/* SF Pro Text - Semibold 600 */
@font-face {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('SF Pro Text Semibold'), local('SF Pro Text'),
       url('/assets/fonts/SF-Pro-Text-Semibold.woff2') format('woff2');
}

/* SF Pro Text - Bold 700 */
@font-face {
  font-family: 'SF Pro Text';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('SF Pro Text Bold'), local('SF Pro Text'),
       url('/assets/fonts/SF-Pro-Text-Bold.woff2') format('woff2');
}

/* SF Pro Rounded - Heavy 800 (Apple Clock, Badges & Numbers) */
@font-face {
  font-family: 'SF Pro Rounded';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: local('ui-rounded'), local('SF Pro Rounded Heavy'), local('SF Pro Rounded Bold'), local('SF Pro Rounded'),
       url('/assets/fonts/SF-Pro-Rounded-Heavy.woff') format('woff');
}

/* SF Mono - Regular 400 */
@font-face {
  font-family: 'SF Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('ui-monospace'), local('SF Mono Regular'), local('SF Mono'),
       url('/assets/fonts/SF-Mono-Regular.woff') format('woff');
}

/* SF Mono - Medium 500 */
@font-face {
  font-family: 'SF Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('SF Mono Medium'), local('SF Mono'),
       url('/assets/fonts/SF-Mono-Medium.woff') format('woff');
}

/* SF Mono - Bold 700 */
@font-face {
  font-family: 'SF Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('SF Mono Bold'), local('SF Mono'),
       url('/assets/fonts/SF-Mono-Bold.woff') format('woff');
}

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

button {
  font-family: inherit;
}

.mnml-svg-icon {
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}

html, body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}/* Allow text selection in editable fields and readable articles */


input,
textarea,
[contenteditable="true"],
.selectable-text,
.note-editor-textarea,
.note-editor-body,
.journal-editor,
.chat-message-bubble,
.reader-article-content,
.reader-view-body {
  -webkit-user-select: text;
  user-select: text;
}

:root {
  color-scheme: dark;
  --scrollbar-thumb: rgba(255, 255, 255, 0.22);
  --scrollbar-thumb-hover: rgba(255, 255, 255, 0.42);
  --scrollbar-thumb-active: rgba(255, 255, 255, 0.65);
  --bg-black: #000000;
  --bg-card: #141417;
  --bg-card-hover: #1f1f24;
  --bg-card-active: #2a2a32;
  --bg-dropdown: #141417;
  --border-card: #27272e;
  --border-subtle: #383842;
  
  --text-white: #d1d5db;
  --text-gray: #9ca3af;
  --text-muted: #6b7280;
  
  --primary: #aaf700;
  --primary-hover: #bef933;
  --primary-dim: rgba(170, 247, 0, 0.15);
  --mnml-lime: #aaf700;
  --mnml-orange: #aaf700;
  --mnml-orange-hover: #bef933;
  --mnml-orange-dim: rgba(170, 247, 0, 0.15);
  
  /* Objective Deadline Accent (iOS System Cyan/Sky: harmonious & non-dissonant with Lima) */
  --cal-dot-objective: #38bdf8;
  --objective-accent: #38bdf8;
  --objective-accent-dim: rgba(56, 189, 248, 0.12);
  --objective-accent-border: rgba(56, 189, 248, 0.28);
  
  /* Authentic Apple iPhone Typography System */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "SF Pro", -apple-system-subheadline, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-clock: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro", system-ui, sans-serif;
  --font-rounded: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro", system-ui, sans-serif;
  --font-serif: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "SF Pro", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", -apple-system-ui-monospaced, Menlo, Monaco, Consolas, monospace;
  
  --radius-card: 16px;
  --radius-pill: 9999px;
  --radius-btn: 14px;

  /* Liquid Glass Design System Tokens */
  --liquid-glass-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.02) 100%);
  --liquid-glass-bg-hover: linear-gradient(135deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.05) 100%);
  --liquid-glass-bg-active: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.01) 100%);
  --liquid-glass-border: 1px solid rgba(255, 255, 255, 0.14);
  --liquid-glass-border-hover: 1px solid rgba(255, 255, 255, 0.30);
  --liquid-glass-blur: blur(20px) saturate(190%);
  --liquid-glass-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.28), inset 0 -1px 2px rgba(0, 0, 0, 0.4);
  --liquid-glass-shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.60), inset 0 1px 2px rgba(255, 255, 255, 0.45), 0 0 20px rgba(255, 255, 255, 0.06);
  --liquid-glass-shadow-active: 0 4px 12px rgba(0, 0, 0, 0.35), inset 0 2px 4px rgba(0, 0, 0, 0.5);

  --liquid-glass-accent-bg: linear-gradient(135deg, #b8fa1e 0%, #aaf700 100%);
  --liquid-glass-accent-bg-hover: linear-gradient(135deg, #c7fa3b 0%, #b2f80a 100%);
  --liquid-glass-accent-border: 1px solid rgba(255, 255, 255, 0.35);
  --liquid-glass-accent-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1.5px rgba(255, 255, 255, 0.65);
  /* Liquid Glass Specular Rims */
  --glass-rim: rgba(255, 255, 255, 0.28);
  --glass-rim-strong: rgba(255, 255, 255, 0.45);
  --glass-rim-accent: rgba(255, 255, 255, 0.75);
}

[data-theme="onyx"],
[data-theme="lima"] {
  --bg-black: #000000;
  --bg-card: #141417;
  --bg-card-hover: #1f1f24;
  --bg-card-active: #2a2a32;
  --bg-dropdown: #141417;
  --border-card: #27272e;
  --border-subtle: #383842;
  --primary: #aaf700;
  --mnml-orange: #aaf700;
  --mnml-orange-hover: #bef933;
  --mnml-orange-dim: rgba(170, 247, 0, 0.15);
  --liquid-glass-accent-bg: linear-gradient(135deg, rgba(170, 247, 0, 0.95) 0%, rgba(135, 205, 0, 0.82) 100%);
  --liquid-glass-accent-bg-hover: linear-gradient(135deg, #bef933 0%, #aaf700 100%);
  --liquid-glass-accent-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.75);
}

[data-theme="minimal"] {
  color-scheme: light;
  --scrollbar-thumb: rgba(0, 0, 0, 0.22);
  --scrollbar-thumb-hover: rgba(0, 0, 0, 0.42);
  --scrollbar-thumb-active: rgba(0, 0, 0, 0.65);
  --bg-black: #f2f2f7;
  --bg-card: rgba(255, 255, 255, 0.72);
  --bg-card-hover: rgba(255, 255, 255, 0.88);
  --bg-card-active: rgba(240, 240, 245, 0.82);
  --bg-dropdown: rgba(255, 255, 255, 0.88);
  --border-card: rgba(0, 0, 0, 0.08);
  --border-subtle: rgba(0, 0, 0, 0.05);

  --text-white: #000000;
  --text-gray: #636366;
  --text-muted: #8e8e93;

  --primary: #000000;
  --primary-hover: #2c2c2e;
  --primary-dim: rgba(0, 0, 0, 0.06);
  --mnml-lime: #000000;
  --mnml-orange: #000000;
  --mnml-orange-hover: #2c2c2e;
  --mnml-orange-dim: rgba(0, 0, 0, 0.06);

  --cal-dot-objective: #1c1c1e;
  --objective-accent: #1c1c1e;
  --objective-accent-dim: rgba(0, 0, 0, 0.06);
  --objective-accent-border: rgba(0, 0, 0, 0.15);

  /* Authentic Apple iOS Liquid Glass Tokens (Light Mode - Clean Minimal 1:1) */
  --liquid-glass-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.68) 0%, rgba(255, 255, 255, 0.28) 100%);
  --liquid-glass-bg-hover: linear-gradient(135deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.42) 100%);
  --liquid-glass-bg-active: rgba(255, 255, 255, 0.45);
  --liquid-glass-border: 1px solid rgba(255, 255, 255, 0.85);
  --liquid-glass-border-hover: 1px solid rgba(255, 255, 255, 0.95);
  --liquid-glass-blur: blur(25px) saturate(190%);
  --liquid-glass-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.02), inset 0 1.5px 1.5px 0 #ffffff;
  --liquid-glass-shadow-hover: 0 6px 18px -2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.03), inset 0 1.5px 1.5px 0 #ffffff;
  --liquid-glass-shadow-active: 0 2px 6px rgba(0, 0, 0, 0.04), inset 0 1px 2px rgba(0, 0, 0, 0.03);

  --liquid-glass-accent-bg: linear-gradient(135deg, #1c1c1e 0%, #000000 100%);
  --liquid-glass-accent-bg-hover: linear-gradient(135deg, #2c2c2e 0%, #1c1c1e 100%);
  --liquid-glass-accent-border: 1px solid rgba(0, 0, 0, 0.25);
  --liquid-glass-accent-shadow: 0 4px 14px rgba(0, 0, 0, 0.18), inset 0 1px 1px rgba(255, 255, 255, 0.35);

  --glass-rim: #ffffff;
  --glass-rim-strong: #ffffff;
  --glass-rim-accent: rgba(0, 0, 0, 0.08);
}

[data-theme="midnight-blue"] {
  --bg-black: #060b13;
  --bg-card: #0e1726;
  --bg-card-hover: #162235;
  --bg-card-active: #1f3048;
  --bg-dropdown: #0e1726;
  --border-card: #1e2e46;
  --border-subtle: #2d4160;
  --primary: #aaf700;
  --mnml-orange: #38bdf8;
  --mnml-orange-hover: #7dd3fc;
  --mnml-orange-dim: rgba(56, 189, 248, 0.15);
  --liquid-glass-accent-bg: linear-gradient(135deg, rgba(56, 189, 248, 0.95) 0%, rgba(14, 165, 233, 0.85) 100%);
  --liquid-glass-accent-bg-hover: linear-gradient(135deg, #7dd3fc 0%, #38bdf8 100%);
  --liquid-glass-accent-shadow: 0 8px 24px rgba(56, 189, 248, 0.40), inset 0 1px 2px rgba(255, 255, 255, 0.75);
  --cal-dot-objective: #bf5af2;
  --objective-accent: #bf5af2;
  --objective-accent-dim: rgba(191, 90, 242, 0.12);
  --objective-accent-border: rgba(191, 90, 242, 0.28);
}

[data-theme="warm"] {
  --bg-black: #0f0b08;
  --bg-card: #1d1612;
  --bg-card-hover: #2a201a;
  --bg-card-active: #382c23;
  --bg-dropdown: #1d1612;
  --border-card: #3b2c22;
  --border-subtle: #4d3a2d;
  --primary: #aaf700;
  --mnml-orange: #fb923c;
  --mnml-orange-hover: #fdba74;
  --mnml-orange-dim: rgba(251, 146, 60, 0.15);
  --liquid-glass-accent-bg: linear-gradient(135deg, rgba(251, 146, 60, 0.95) 0%, rgba(234, 88, 12, 0.85) 100%);
  --liquid-glass-accent-bg-hover: linear-gradient(135deg, #fdba74 0%, #fb923c 100%);
  --liquid-glass-accent-shadow: 0 8px 24px rgba(251, 146, 60, 0.40), inset 0 1px 2px rgba(255, 255, 255, 0.75);
}

[data-theme="light-glass"] {
  --bg-black: #0d1117;
  --bg-card: #161b22;
  --bg-card-hover: #21262d;
  --bg-card-active: #30363d;
  --bg-dropdown: #161b22;
  --border-card: #30363d;
  --border-subtle: #484f58;
  --primary: #aaf700;
  --mnml-orange: #aaf700;
  --mnml-orange-hover: #ccff00;
  --mnml-orange-dim: rgba(170, 247, 0, 0.15);
  --liquid-glass-accent-bg: linear-gradient(135deg, rgba(170, 247, 0, 0.95) 0%, rgba(150, 225, 0, 0.85) 100%);
  --liquid-glass-accent-bg-hover: linear-gradient(135deg, #d8ff4d 0%, #aaf700 100%);
  --liquid-glass-accent-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.75);
}

html, body {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  height: 100dvh;
  overflow: hidden;
  background-color: var(--bg-black) !important;
  color: var(--text-white);
  font-family: var(--font-sans);
  user-select: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ==========================================================================
   Apple iOS / macOS Translucent Liquid Glass Scrollbars (Global Architecture)
   Eliminates bulky OS scrollbars with sleek, floating pill indicators
   ========================================================================== */

/* Universal standard CSS properties for modern browsers */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) transparent;
}

/* WebKit / Chromium / Edge / Safari Global Scrollbar Architecture */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent !important;
}

::-webkit-scrollbar-corner {
  background: transparent !important;
}

/* Remove arrow / stepper buttons completely */
::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Sleek floating pill thumb with transparent padding border */
::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 9999px;
  min-height: 36px;
  transition: background-color 0.15s ease, border-width 0.15s ease;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover);
  border: 1px solid transparent;
}

::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active);
  border: 1px solid transparent;
}

/* Utility to explicitly hide scrollbars when required */
.no-scrollbar,
.hide-scrollbar {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.no-scrollbar::-webkit-scrollbar,
.hide-scrollbar::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Authentic Apple iOS Numerals & Tabular Figures System */
.tabular-nums,
[data-numeric="tabular"],
.date-tile-day,
.player-big-time,
.time-display,
.timer-digits,
.timer-display,
.calendar-year-input,
.calendar-day-cell,
.stats-stat-big-number,
.stats-point-metrics,
.stats-prj-pct-badge,
.stats-obj-pct,
.agenda-overdue-count-badge,
.timeline-index-badge,
.preset-card-time-badge,
.welcome-track-badge,
.subtask-badge-pill,
.beta-gate-badge,
.pill-badge,
.prj-counter,
.prj-count-badge,
.prj-card-stat-count,
.prj-card-progress-val,
.prj-section-count,
.agenda-time,
.agenda-date-badge,
.agenda-feed-badge {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  -webkit-font-feature-settings: "tnum" 1, "lnum" 1;
}

/* ==========================================================================
   Apple iOS Liquid Glass Architecture (Canonical System Primitives)
   ========================================================================== */

.glass-surface,
.glass-panel {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  box-shadow: var(--liquid-glass-shadow);
  border-radius: var(--radius-card);
}

.glass-menu,
.glass-popover,
.glass-dropdown {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  box-shadow: var(--liquid-glass-shadow);
  border-radius: 16px;
  overflow: hidden;
}

.glass-modal,
.glass-sheet {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim-strong);
  box-shadow: var(--liquid-glass-shadow);
  border-radius: 20px;
}

.glass-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  box-shadow: var(--liquid-glass-shadow);
  border-radius: var(--radius-card);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-card:hover {
  background: var(--liquid-glass-bg-hover);
  border: var(--liquid-glass-border-hover);
  border-top: 1px solid var(--glass-rim-strong);
  box-shadow: var(--liquid-glass-shadow-hover);
  transform: translateY(-1px);
}

.glass-card:active {
  background: var(--liquid-glass-bg-active);
  box-shadow: var(--liquid-glass-shadow-active);
  transform: translateY(1px) scale(0.99);
}

.glass-pill {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  box-shadow: var(--liquid-glass-shadow);
  border-radius: var(--radius-pill);
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-pill:hover {
  background: var(--liquid-glass-bg-hover);
  border: var(--liquid-glass-border-hover);
  box-shadow: var(--liquid-glass-shadow-hover);
}

.glass-pill:active {
  background: var(--liquid-glass-bg-active);
  box-shadow: var(--liquid-glass-shadow-active);
  transform: scale(0.97);
}

.glass-pill.is-active,
.glass-card.is-active {
  background: var(--liquid-glass-accent-bg) !important;
  color: #000000 !important;
  border: var(--liquid-glass-accent-border) !important;
  box-shadow: var(--liquid-glass-accent-shadow) !important;
}

/* Fullscreen Mobile Viewport Container */
.app-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  background-color: var(--bg-black);
  max-width: 540px;
  margin: 0 auto;
  overflow: hidden;
}

@media (max-width: 768px) {
  .app-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: calc(env(safe-area-inset-top, 20px) + 8px);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.45) 70%, transparent 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 99;
    pointer-events: none;
  }

  /* Prohibición de viñeta oscura superior en modo claro (Minimal) en móvil */
  [data-theme="minimal"] .app-container::before {
    display: none !important;
  }
}

/* Main Viewport Content */


.os-viewport {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: calc(env(safe-area-inset-top, 20px) + 12px) 20px calc(env(safe-area-inset-bottom, 0px) + 64px) 20px;
  touch-action: pan-y;
  overscroll-behavior-y: auto;
  display: block;
}/* Pinned Bottom Dock Container (Anchored at the bottom of app-container above iOS home bar) */


.os-bottom-dock {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
  padding: 0 14px max(calc(env(safe-area-inset-bottom, 0px) - 28px), 2px) 14px;
  background-color: var(--bg-black);
  z-index: 90;
}/* Hide bottom dock when any modal overlay is active */


.app-container:has(.modal-overlay.show) #osBottomDock {
  display: none !important;
}/* ===== HOME SCREEN / LAUNCHER TOP BAR & UNIQUE DATE CAPSULE ===== */


.home-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 6px;
  margin-bottom: 14px;
  gap: 10px;
}

.home-date-capsule {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 5px 12px 5px 5px;
  border-radius: 16px;
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  box-shadow: var(--liquid-glass-shadow);
  cursor: pointer;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  user-select: none;
}

.home-date-capsule > * {
  pointer-events: none;
}

.date-capsule-glass-sheen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, transparent 100%);
  border-radius: 16px 16px 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .home-date-capsule:hover {
  background: var(--liquid-glass-bg-hover);
  border: var(--liquid-glass-border-hover);
  border-top: 1px solid var(--glass-rim-strong);
  box-shadow: var(--liquid-glass-shadow-hover);
  transform: translateY(-1px) scale(1.01);
}
}


.home-date-capsule:active {
  background: var(--liquid-glass-bg-active);
  transform: translateY(1px) scale(0.97);
}

.date-tile-glass {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-top: 1px solid var(--glass-rim);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 3px 10px rgba(0, 0, 0, 0.35);
  position: relative;
  z-index: 1;
}

.date-tile-month {
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.10em;
  color: var(--mnml-orange);
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 2px;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.date-tile-day {
  font-family: var(--font-clock);
  font-size: 1.35rem;
  font-weight: 800;
  color: #ffffff;
  line-height: 1;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  -webkit-font-feature-settings: "tnum" 1, "lnum" 1;
}

.date-capsule-body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  position: relative;
  z-index: 1;
}

.date-capsule-title-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.date-capsule-weekday {
  font-size: 0.95rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.015em;
  line-height: 1.1;
}

.date-capsule-badge {
  font-size: 0.65rem;
  font-weight: 700;
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-pill);
  padding: 1px 6px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.date-week-rhythm {
  display: flex;
  align-items: center;
  gap: 3px;
}

.date-rhythm-pill {
  width: 15px;
  height: 15px;
  font-size: 0.60rem;
  font-weight: 600;
  color: #555555;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: all 0.15s ease;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.date-rhythm-pill.is-today {
  background: var(--liquid-glass-accent-bg);
  color: #000000;
  font-weight: 800;
  border: var(--liquid-glass-accent-border);
  box-shadow: 0 0 10px rgba(170, 247, 0, 0.23);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.date-rhythm-pill.is-past {
  color: #8e8e93;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.date-rhythm-pill.is-future {
  color: #48484a;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.daily-quote-clean {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 18px;
  padding: 16px 20px;
  margin: 6px 0 12px 0;
  cursor: pointer;
  box-shadow: var(--liquid-glass-shadow);
  box-sizing: border-box;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.daily-quote-clean::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 100%);
  border-radius: 18px 18px 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .daily-quote-clean:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.28);
    border-top-color: rgba(255, 255, 255, 0.48);
    box-shadow: var(--liquid-glass-shadow-hover);
    transform: translateY(-1.5px);
  }
}
.daily-quote-clean:active {
  background: var(--liquid-glass-bg-active);
  transform: scale(0.985);
}

.daily-quote-text {
  font-family: var(--font-sans);
  font-size: 1.02rem;
  line-height: 1.48;
  color: var(--text-white);
  font-style: italic;
  margin: 0;
  letter-spacing: -0.01em;
}

.daily-quote-author {
  font-family: var(--font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-top: 2px;
  text-align: right;
  letter-spacing: 0.04em;
}

/* Home Section Layouts */
.home-section {
  margin-bottom: 14px;
}

.home-section-header {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-muted);
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 4px;
}

.home-section-action {
  color: #aaf700;
  cursor: pointer;
  font-size: 0.74rem;
  text-decoration: none;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
@media (hover: hover) {
  .home-section-action:hover {
    opacity: 0.85;
    transform: translateX(2px);
  }
}


.home-overdue-alert {
  background: linear-gradient(90deg, rgba(255, 69, 58, 0.12) 0%, var(--bg-card) 100%);
  border: 1px solid rgba(255, 69, 58, 0.4);
  border-left: 3px solid #ff453a;
  border-radius: 12px;
  padding: 10px 14px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.home-overdue-alert-text {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-white);
  display: flex;
  align-items: center;
  gap: 6px;
}

.home-overdue-alert-btn {
  padding: 5px 13px;
  font-size: 0.74rem;
  font-weight: 700;
  border-radius: 9999px;
  cursor: pointer;
  background: linear-gradient(135deg, rgba(255, 69, 58, 0.22) 0%, rgba(255, 69, 58, 0.08) 100%) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255, 69, 58, 0.35) !important;
  border-top: 1px solid rgba(255, 120, 110, 0.55) !important;
  color: #ff453a !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.28) !important;
  filter: none !important;
  text-shadow: none !important;
  outline: none !important;
  transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
  letter-spacing: 0.02em;
  position: relative;
}
@media (hover: hover) {
  .home-overdue-alert-btn:hover {
    background: linear-gradient(135deg, rgba(255, 69, 58, 0.32) 0%, rgba(255, 69, 58, 0.14) 100%) !important;
    border-color: rgba(255, 69, 58, 0.50) !important;
    border-top: 1px solid rgba(255, 140, 130, 0.70) !important;
    color: #ff453a !important;
    box-shadow: inset 0 1px 1.5px rgba(255, 255, 255, 0.40) !important;
    filter: none !important;
    transform: scale(1.03);
  }
}

.home-overdue-alert-btn:active {
  transform: scale(0.95);
  background: linear-gradient(135deg, rgba(255, 69, 58, 0.28) 0%, rgba(255, 69, 58, 0.12) 100%) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.30) !important;
  filter: none !important;
}/* Home Interactive Tasks List */


.home-tasks-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.home-task-item {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.38), inset 0 1px 1px rgba(255, 255, 255, 0.20);
  transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  touch-action: pan-y;
}

.home-task-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 60%);
  border-radius: 20px;
  pointer-events: none;
}
@media (hover: hover) {
  .home-task-item:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.25);
    border-top-color: rgba(255, 255, 255, 0.48);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), inset 0 1px 2px rgba(255, 255, 255, 0.30);
  }
}

.home-task-item:not(.is-holding):not(.is-dragging):not(.agenda-card-chosen):not(.sortable-chosen):active {
  background: var(--liquid-glass-bg-active);
  transform: translateY(1px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(0, 0, 0, 0.2);
}

.home-task-item.done,
.agenda-card-item.completed {
  border-color: rgba(170, 247, 0, 0.55) !important;
  box-shadow: 0 4px 18px rgba(170, 247, 0, 0.11), inset 0 1px 1.5px rgba(255, 255, 255, 0.35) !important;
  transition: border-color 0.22s ease, box-shadow 0.22s ease;
}

.home-task-item.done .home-task-title,
.agenda-card-item.completed .agenda-title {
  text-decoration: line-through;
  text-decoration-color: var(--mnml-orange);
  color: var(--text-gray);
  opacity: 0.75;
  transition: color 0.22s ease, opacity 0.22s ease, text-decoration-color 0.22s ease;
}

.home-task-item.is-completing,
.agenda-card-item.is-completing {
  pointer-events: none !important;
  opacity: 0 !important;
  transform: translate3d(0, -8px, 0) scale(0.96) !important;
  box-shadow: none !important;
  will-change: transform, opacity !important;
  transition: opacity 0.22s cubic-bezier(0.2, 0, 0, 1),
              transform 0.22s cubic-bezier(0.2, 0, 0, 1) !important;
}

.home-task-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

.home-task-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
  min-width: 0;
}

.home-task-title {
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--text-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}

.home-task-time {
  font-size: 0.75rem;
  color: var(--text-gray);
  margin-left: 0;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.home-task-submeta {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  font-size: 0.78rem;
  color: var(--text-gray);
  flex-wrap: wrap;
}/* Home Screen Empty Agenda Status Icon */


.home-empty-check-icon {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.22) 0%, rgba(170, 247, 0, 0.05) 100%);
  border: 1px solid rgba(170, 247, 0, 0.45);
  border-top: 1px solid var(--glass-rim-accent);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mnml-orange);
  flex-shrink: 0;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}

.home-empty-check-icon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, transparent 100%);
  border-radius: 50% 50% 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .home-task-item:hover .home-empty-check-icon {
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.35) 0%, rgba(170, 247, 0, 0.12) 100%);
  border-color: var(--mnml-orange);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35), inset 0 1px 1.5px rgba(255, 255, 255, 0.65);
  transform: scale(1.08);
}
}
/* Home Recent Note / Journal Item */


.home-recent-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.18);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
@media (hover: hover) {
  .home-recent-card:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.25);
  border-top-color: rgba(255, 255, 255, 0.40);
  box-shadow: var(--liquid-glass-shadow-hover);
  transform: translateY(-1px);
}
}


.home-recent-card:active {
  background: var(--liquid-glass-bg-active);
  transform: scale(0.985);
}

/* Home Focus Quick Launcher Card */
.home-focus-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 16px;
  padding: 13px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  box-shadow: var(--liquid-glass-shadow);
  box-sizing: border-box;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  margin-top: 8px;
  position: relative;
  overflow: hidden;
}
.home-focus-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 100%);
  border-radius: 16px 16px 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .home-focus-card:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(170, 247, 0, 0.40);
    border-top-color: rgba(170, 247, 0, 0.70);
    transform: translateY(-1.5px);
    box-shadow: var(--liquid-glass-shadow-hover);
  }
}
.home-focus-card:active {
  background: var(--liquid-glass-bg-active);
  transform: scale(0.985);
}

/* Home Inbox Quick Tasks */
.home-inbox-item {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.30), inset 0 1px 1px rgba(255, 255, 255, 0.16);
  position: relative;
  overflow: hidden;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.home-inbox-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 100%);
  border-radius: 14px 14px 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .home-inbox-item:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.28);
    border-top-color: rgba(255, 255, 255, 0.45);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.40);
  }
}

/* Home Inbox "Ver más" Pill */
.home-inbox-more-row {
  display: flex;
  width: 100%;
  margin-top: 4px;
}

.home-inbox-more-btn {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 14px;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 12px;
  color: var(--text-gray);
  font-family: var(--font-sans);
  font-size: 0.80rem;
  font-weight: 500;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.20), inset 0 1px 1px rgba(255, 255, 255, 0.12);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
}

@media (hover: hover) {
  .home-inbox-more-btn:hover {
    background: var(--liquid-glass-bg-hover);
    color: var(--text-white);
    border-color: rgba(255, 255, 255, 0.25);
    border-top-color: rgba(255, 255, 255, 0.40);
    transform: translateY(-1px);
  }
}

.home-inbox-more-arrow {
  font-size: 0.95rem;
  color: var(--mnml-orange);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}

/* Home Liquid Glass Empty State Card (replaces raw dashed boxes) */
.home-empty-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 16px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.30), inset 0 1px 1px rgba(255, 255, 255, 0.16);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.home-empty-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 100%);
  border-radius: 16px 16px 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .home-empty-card:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(170, 247, 0, 0.35);
    border-top-color: rgba(170, 247, 0, 0.65);
    box-shadow: var(--liquid-glass-shadow-hover);
    transform: translateY(-1.5px);
  }
}
.home-empty-card:active {
  background: var(--liquid-glass-bg-active);
  transform: scale(0.985);
}

.home-empty-icon-wrap {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(170, 247, 0, 0.12);
  border: 1px solid rgba(170, 247, 0, 0.30);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaf700;
  flex-shrink: 0;
}
.home-empty-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.home-empty-title {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--text-white);
  line-height: 1.3;
}
.home-empty-sub {
  font-size: 0.74rem;
  color: var(--text-muted);
}
.home-empty-arrow {
  color: var(--text-muted);
  font-size: 0.95rem;
  font-weight: 600;
  transition: transform 0.2s ease, color 0.2s ease;
}
.home-empty-card:hover .home-empty-arrow {
  color: #aaf700;
  transform: translateX(2px);
}

/* Home Sync Banner (Unauthenticated State with Liquid Glass) */
.home-sync-banner-glass {
  background: linear-gradient(135deg, rgba(255, 159, 10, 0.12) 0%, rgba(255, 159, 10, 0.03) 100%);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: 1px solid rgba(255, 159, 10, 0.30);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  padding: 10px 16px;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.20);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}
.home-sync-banner-glass::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 100%);
  border-radius: 14px 14px 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .home-sync-banner-glass:hover {
    background: linear-gradient(135deg, rgba(255, 159, 10, 0.18) 0%, rgba(255, 159, 10, 0.06) 100%);
    border-color: rgba(255, 159, 10, 0.48);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(255, 159, 10, 0.20);
  }
}

.home-recent-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.home-recent-type {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #aaf700;
}

.home-recent-date {
  font-size: 0.72rem;
  color: var(--text-muted);
}

.home-recent-title {
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--text-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-recent-snippet {
  font-size: 0.8rem;
  color: var(--text-gray);
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-menu-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: var(--text-white);
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: var(--liquid-glass-shadow);
  box-sizing: border-box;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  z-index: 25;
  pointer-events: auto;
}

.home-menu-btn * {
  pointer-events: none !important;
}

.home-menu-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, transparent 100%);
  border-radius: 12px 12px 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .home-menu-btn:hover {
  background: var(--liquid-glass-bg-hover);
  border: var(--liquid-glass-border-hover);
  border-top: 1px solid var(--glass-rim-strong);
  box-shadow: var(--liquid-glass-shadow-hover);
  color: var(--mnml-orange);
  transform: translateY(-1px) scale(1.06);
}
}


.home-menu-btn:active {
  background: var(--liquid-glass-bg-active);
  box-shadow: var(--liquid-glass-shadow-active);
  transform: translateY(1px) scale(0.93);
}/* Tesseract Dynamic Day Progress Bar */


.day-progress-container {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 18px;
  padding: 14px 18px;
  margin: 10px 0 14px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: var(--liquid-glass-shadow);
  box-sizing: border-box;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}

.day-progress-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 100%);
  border-radius: 18px 18px 0 0;
  pointer-events: none;
}

.day-progress-track {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  position: relative;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}

.day-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #aaf700 0%, #ccff00 100%);
  border-radius: 999px;
  transition: width 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 0 12px rgba(170, 247, 0, 0.4), 0 0 3px #aaf700;
  position: relative;
  overflow: hidden;
  will-change: width;
}

.day-progress-fill::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 28px;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.95), transparent);
  border-radius: 999px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.day-progress-fill.advancing {
  box-shadow: 0 0 10px rgba(170, 247, 0, 0.38) !important;
}

.day-progress-fill.advancing::after {
  opacity: 1;
  animation: progressSheen 0.75s ease-out infinite;
}

@keyframes progressSheen {
  0% { transform: translateX(-25px); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translateX(10px); opacity: 0; }
}

@keyframes progressCelebrate {
  0% { box-shadow: 0 0 10px rgba(170, 247, 0, 0.4), 0 0 3px #aaf700; }
  50% { box-shadow: 0 0 25px rgba(170, 247, 0, 1), 0 0 10px #ccff00, 0 0 35px rgba(170, 247, 0, 0.3); }
  100% { box-shadow: 0 0 12px rgba(170, 247, 0, 0.4), 0 0 4px #aaf700; }
}

.day-progress-fill.celebrate {
  animation: progressCelebrate 0.9s ease-out;
}/* 100% Completion: Subtle moving glow & specular ray effect */


.day-progress-fill.is-complete {
  background: linear-gradient(90deg, #aaf700 0%, #d8ff4d 50%, #aaf700 100%) !important;
  background-size: 200% 100% !important;
  animation: progressMovingGradient 3s ease-in-out infinite, progressAuraPulse 2.2s ease-in-out infinite !important;
  box-shadow: 0 0 16px rgba(170, 247, 0, 0.35), 0 0 4px #aaf700, inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
}

.day-progress-fill.is-complete::after {
  content: '';
  position: absolute;
  top: 0;
  left: -50px;
  width: 50px;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100%);
  border-radius: 999px;
  opacity: 1 !important;
  pointer-events: none;
  animation: progressMovingRay 2.6s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
}

@keyframes progressMovingGradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes progressAuraPulse {
  0%, 100% {
    box-shadow: 0 0 10px rgba(170, 247, 0, 0.23), 0 0 2px #aaf700, inset 0 1px 1px rgba(255, 255, 255, 0.5);
    opacity: 0.95;
  }
  50% {
    box-shadow: 0 0 20px rgba(170, 247, 0, 0.4), 0 0 6px #ccff00, 0 0 26px rgba(170, 247, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.85);
    opacity: 1;
  }
}

@keyframes progressMovingRay {
  0% {
    left: -50px;
    opacity: 0;
  }
  15% {
    opacity: 0.95;
  }
  85% {
    opacity: 0.95;
  }
  100% {
    left: 105%;
    opacity: 0;
  }
}

.day-progress-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.72rem;
  color: var(--text-muted);
  letter-spacing: 0.04em;
  font-weight: 500;
}

.day-progress-label {
  text-transform: none;
}

.day-progress-percent {
  font-variant-numeric: tabular-nums;
  color: #aaf700;
  font-weight: 700;
  transition: color 0.3s ease;
}/* Pill Widget Cards *//* Pill Widget Cards (Liquid Glass) */



.pill-widget {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-card);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  cursor: pointer;
  box-shadow: var(--liquid-glass-shadow);
  box-sizing: border-box;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}

.pill-widget::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 100%);
  border-radius: var(--radius-card) var(--radius-card) 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .pill-widget:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.25);
  border-top-color: rgba(255, 255, 255, 0.40);
  box-shadow: var(--liquid-glass-shadow-hover);
  transform: translateY(-2px) scale(1.01);
}
}


.pill-widget:active {
  background: var(--liquid-glass-bg-active);
  box-shadow: var(--liquid-glass-shadow-active);
  transform: scale(0.985);
}

.pill-widget-left {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}

.pill-widget-icon {
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  flex-shrink: 0;
  color: var(--mnml-orange);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pill-widget-icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--mnml-orange);
  color: var(--mnml-orange);
  display: block;
  flex-shrink: 0;
}

.pill-widget-title {
  font-size: 0.92rem;
  font-weight: 500;
  color: var(--text-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.pill-badge {
  background-color: var(--mnml-orange) !important;
  color: #000000 !important;
  font-family: var(--font-sans);
  font-size: 0.82rem;
  font-weight: 800;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
}/* 4x2 App Grid with Long Press & Drag & Drop Support (Liquid Glass Buttons) */


.home-app-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 14px;
  position: relative;
}

.app-grid-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  box-shadow: var(--liquid-glass-shadow);
  box-sizing: border-box;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  overflow: hidden;
}

.app-grid-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, transparent 100%);
  border-radius: 20px 20px 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .app-grid-btn:hover {
  background: var(--liquid-glass-bg-hover);
  border: var(--liquid-glass-border-hover);
  border-top: 1px solid var(--glass-rim-strong);
  box-shadow: var(--liquid-glass-shadow-hover);
  transform: translateY(-2px) scale(1.03);
}
}


.app-grid-btn:active {
  background: var(--liquid-glass-bg-active);
  box-shadow: var(--liquid-glass-shadow-active);
  transform: translateY(1px) scale(0.96);
}

.edit-mode-active .app-grid-btn {
  cursor: grab;
  touch-action: none;
  animation: jiggle 0.3s infinite ease-in-out alternate;
  border-color: rgba(170, 247, 0, 0.5);
}

.edit-mode-active .app-grid-btn:nth-child(2n) {
  animation-duration: 0.28s;
  animation-delay: 0.05s;
}

.edit-mode-active .app-grid-btn:nth-child(3n) {
  animation-duration: 0.32s;
  animation-delay: 0.1s;
}

@keyframes jiggle {
  0% { transform: rotate(-1.5deg) scale(1.01); }
  100% { transform: rotate(1.5deg) scale(1.01); }
}

.app-grid-btn.dragging {
  opacity: 0.4;
  transform: scale(1.08);
  border-color: var(--mnml-orange);
  box-shadow: 0 10px 25px rgba(170, 247, 0, 0.15);
  z-index: 1000;
}

.app-grid-btn.drag-over {
  border-color: var(--mnml-orange);
  background-color: var(--bg-card-active);
  transform: scale(1.05);
}

.app-grid-icon {
  width: 26px;
  height: 26px;
  color: var(--text-white);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));
}

.app-grid-label {
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--text-white);
  pointer-events: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.reorder-done-pill {
  display: none;
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--liquid-glass-accent-bg);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: var(--liquid-glass-accent-border);
  border-top: 1px solid var(--glass-rim-accent);
  color: #000000;
  font-size: 0.88rem;
  font-weight: 700;
  padding: 11px 30px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.40), inset 0 1px 2px rgba(255, 255, 255, 0.75);
  z-index: 10000;
  user-select: none;
  touch-action: manipulation;
  animation: fadeIn 0.2s ease;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.reorder-done-pill:active {
  background: var(--liquid-glass-accent-bg-hover);
  color: #000000;
  transform: translateX(-50%) scale(1.05);
}
@media (hover: hover) {
  .reorder-done-pill:hover {
  background: var(--liquid-glass-accent-bg-hover);
  color: #000000;
  transform: translateX(-50%) scale(1.05);
}
}


.edit-mode-active ~ .reorder-done-pill {
  display: inline-flex;
}

.edit-mode-active ~ .home-quick-capture-wrap {
  display: none !important;
}/* ===== HOME SCREEN QUICK CAPTURE (INBOX) ===== */


.home-quick-capture-wrap {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto !important;
  z-index: 10;
  pointer-events: auto;
}

.home-quick-capture-form {
  display: flex;
  align-items: center;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-pill);
  padding: 5px 6px 5px 16px;
  gap: 10px;
  transition: all 0.22s ease;
  box-shadow: var(--liquid-glass-shadow);
}

.home-quick-capture-form:focus-within {
  border-color: rgba(170, 247, 0, 0.5);
  box-shadow: 0 0 18px rgba(170, 247, 0, 0.13), inset 0 1px 1px rgba(255, 255, 255, 0.3);
}

.quick-capture-icon {
  color: #aaf700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.home-quick-capture-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: var(--text-white);
  font-family: var(--font-sans);
  font-size: 0.88rem;
  padding: 8px 0;
}

.home-quick-capture-input::placeholder {
  color: var(--text-muted);
  font-size: 0.84rem;
}

.home-quick-capture-btn {
  background: var(--liquid-glass-accent-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: var(--liquid-glass-accent-border);
  border-top: 1px solid var(--glass-rim-accent);
  color: #000000;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: var(--liquid-glass-accent-shadow);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
@media (hover: hover) {
  .home-quick-capture-btn:hover {
    background: var(--liquid-glass-accent-bg-hover);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45), inset 0 1px 2px rgba(255, 255, 255, 0.85);
    color: #000000;
    transform: scale(1.08);
  }
}

.home-quick-capture-btn:active {
  transform: scale(0.92);
}

.custom-dropdown-container {
  position: relative;
  display: inline-block;
}

.custom-dropdown-container.full-width {
  display: block;
  width: 100%;
}

.custom-dropdown-container.open,
.custom-dropdown-container:has(.custom-dropdown-menu.show) {
  z-index: 1000;
}

.custom-dropdown-container.full-width .custom-dropdown-menu {
  width: 100%;
  max-width: 100%;
}/* Ensure dropdowns inside cards / pill widgets are never clipped by overflow: hidden */


.pill-widget:has(.custom-dropdown-container),
.pill-widget.has-dropdown {
  overflow: visible !important;
}

.pill-widget.has-dropdown.open,
.pill-widget:has(.custom-dropdown-container.open),
.pill-widget:has(.custom-dropdown-menu.show),
.pill-widget:has(.custom-dropdown-trigger.open) {
  overflow: visible !important;
  z-index: 1000 !important;
}

.custom-dropdown-trigger {
  width: 100%;
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  color: var(--text-white);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-btn);
  padding: 10px 14px;
  font-family: var(--font-sans);
  font-size: 0.92rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.2);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  text-align: left;
  outline: none;
}
.custom-dropdown-trigger.open,
.custom-dropdown-trigger.active {
  border-color: rgba(255, 255, 255, 0.3);
  border-top-color: rgba(255, 255, 255, 0.5);
  background: var(--liquid-glass-bg-hover);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45), inset 0 1px 2px rgba(255, 255, 255, 0.35);
}
@media (hover: hover) {
  .custom-dropdown-trigger:hover {
  border-color: rgba(255, 255, 255, 0.3);
  border-top-color: rgba(255, 255, 255, 0.5);
  background: var(--liquid-glass-bg-hover);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45), inset 0 1px 2px rgba(255, 255, 255, 0.35);
}
}


.custom-dropdown-chevron {
  color: var(--mnml-orange);
  font-size: 0.75rem;
  transition: transform 0.2s ease;
  pointer-events: none;
}

.custom-dropdown-trigger.open .custom-dropdown-chevron,
.custom-dropdown-trigger.active .custom-dropdown-chevron {
  transform: rotate(180deg);
}

.custom-dropdown-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 160px;
  max-width: 280px;
  max-height: 260px;
  overflow-y: auto;
  background: rgba(18, 18, 22, 0.96) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-top: 1px solid var(--glass-rim) !important;
  border-radius: 16px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
  padding: 6px;
  z-index: 99999;
  display: none;
  flex-direction: column;
  gap: 3px;
  animation: dropdownFade 0.15s ease;
}

[data-theme="minimal"] .custom-dropdown-menu {
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.15) !important;
}

.custom-dropdown-menu.show,
.custom-dropdown-menu.open {
  display: flex !important;
}

@keyframes dropdownFade {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.custom-dropdown-item {
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 0.9rem;
  color: var(--text-white);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.15s ease;
}
@media (hover: hover) {
  .custom-dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
}


.custom-dropdown-item.selected {
  background-color: var(--mnml-orange-dim);
  color: var(--mnml-orange);
  font-weight: 600;
}/* Modal Sheet for Assigning Existing Tasks */


.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 9999;
  display: none;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.modal-overlay.show {
  display: flex;
}

/* Pause GPU-heavy background animations while any modal is visible to prevent backdrop compositing flicker */
.app-container:has(.modal-overlay.show) .day-progress-fill.is-complete {
  animation: none !important;
}
.app-container:has(.modal-overlay.show) .day-progress-fill.is-complete::after {
  animation: none !important;
}

.modal-sheet {
  width: 100%;
  max-width: 540px;
  background: rgba(18, 18, 24, 0.88);
  backdrop-filter: blur(28px) saturate(190%);
  -webkit-backdrop-filter: blur(28px) saturate(190%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-top: 1px solid var(--glass-rim);
  border-radius: 28px 28px 0 0;
  padding: 22px 20px calc(env(safe-area-inset-bottom, 20px) + 20px) 20px;
  box-shadow: 0 -12px 48px rgba(0, 0, 0, 0.80), inset 0 1px 1.5px rgba(255, 255, 255, 0.25);
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  animation: slideUp 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

@keyframes slideUp {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.modal-title {
  font-family: var(--font-display);
  font-size: 1.3rem;
  color: var(--text-white);
  font-weight: 700;
  letter-spacing: -0.025em;
}

.modal-close,
.icon-btn-close {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  color: var(--text-white) !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  padding: 0 !important;
  outline: none !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.25) !important;
  user-select: none !important;
  position: relative !important;
  overflow: hidden !important;
}
@media (hover: hover) {
  .modal-close:hover,
  .icon-btn-close:hover {
  background: var(--liquid-glass-bg-hover) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  border-top-color: rgba(255, 255, 255, 0.55) !important;
  transform: scale(1.06) !important;
}
}


.modal-close:active,
.icon-btn-close:active {
  transform: scale(0.92) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

/* ===== WELCOME / ONBOARDING MODAL (MINIMALIST APPLE AUTH SHEET) ===== */
.welcome-modal-sheet {
  position: relative !important;
  width: 100% !important;
  max-width: 400px !important;
  background: linear-gradient(180deg, rgba(22, 22, 28, 0.95) 0%, rgba(11, 11, 15, 0.99) 100%) !important;
  backdrop-filter: blur(44px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(44px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-top: 1px solid var(--glass-rim) !important;
  border-radius: 28px !important;
  padding: 34px 26px 24px 26px !important;
  box-shadow: 0 32px 80px rgba(0, 0, 0, 0.88), inset 0 1px 1.5px rgba(255, 255, 255, 0.28) !important;
  max-height: 92vh !important;
  overflow-y: auto !important;
  scrollbar-width: none;
}

.welcome-modal-sheet::-webkit-scrollbar,
.workflow-guide-sheet::-webkit-scrollbar {
  display: none;
}

.welcome-drag-handle {
  display: none;
}

.welcome-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 2px;
  margin-bottom: 24px;
}

.welcome-logo-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.welcome-logo-halo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 136px;
  height: 50px;
  border-radius: 25px;
  background: radial-gradient(ellipse, rgba(170, 247, 0, 0.48) 0%, rgba(170, 247, 0, 0.22) 42%, rgba(170, 247, 0, 0) 72%);
  filter: blur(14px);
  -webkit-filter: blur(14px);
  pointer-events: none;
  z-index: 0;
  will-change: transform;
}

.welcome-logo-standalone {
  position: relative;
  z-index: 1;
  height: 48px;
  width: auto;
  max-width: 150px;
  border-radius: 0;
  object-fit: contain;
  margin-bottom: 0 !important;
  filter: none !important;
  -webkit-filter: none !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}

@media (hover: hover) {
  .welcome-logo-standalone:hover {
    transform: scale(1.06) rotate(2deg);
  }
}

.welcome-title {
  font-family: var(--font-display);
  font-size: 1.52rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.03em;
  margin-bottom: 6px;
}

.welcome-subtitle {
  font-family: var(--font-sans);
  font-size: 0.88rem;
  color: #a1a1aa;
  line-height: 1.45;
  max-width: 300px;
}

.welcome-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.welcome-btn-google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #ffffff;
  color: #0f172a;
  font-family: var(--font-sans);
  font-size: 0.90rem;
  font-weight: 600;
  padding: 12px 18px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.85);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.42);
}

@media (hover: hover) {
  .welcome-btn-google:hover {
    background: #f8fafc;
    transform: translateY(-1px);
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.55);
  }
}

.welcome-btn-google:active {
  transform: scale(0.98);
}

.welcome-btn-local {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #d4d4d8;
  font-family: var(--font-sans);
  font-size: 0.83rem;
  font-weight: 500;
  cursor: pointer;
  padding: 10px 14px;
  border-radius: var(--radius-pill);
  transition: all 0.2s ease;
  text-align: center;
  width: 100%;
}

@media (hover: hover) {
  .welcome-btn-local:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.16);
  }
}

.welcome-btn-local:active {
  transform: scale(0.98);
}

.welcome-guide-trigger-row {
  display: flex;
  justify-content: center;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.welcome-btn-guide-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(170, 247, 0, 0.08);
  border: 1px solid rgba(170, 247, 0, 0.24);
  color: #aaf700;
  font-family: var(--font-sans);
  font-size: 0.76rem;
  font-weight: 600;
  padding: 6px 13px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.welcome-guide-sparkle {
  display: inline-flex;
  align-items: center;
}

@media (hover: hover) {
  .welcome-btn-guide-link:hover {
    background: rgba(170, 247, 0, 0.15);
    border-color: rgba(170, 247, 0, 0.42);
    transform: translateY(-1px);
  }
}

.welcome-btn-guide-link:active {
  transform: scale(0.97);
}

.welcome-footer-note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: var(--font-sans);
  font-size: 0.69rem;
  color: #71717a;
  text-align: center;
  margin-top: 14px;
  line-height: 1.35;
}

/* ===== INTERACTIVE WORKFLOW GUIDE MODAL (4-PHASE LIVE MINI-UI) ===== */
.workflow-guide-sheet {
  position: relative !important;
  width: 100% !important;
  max-width: 468px !important;
  background: linear-gradient(180deg, rgba(20, 21, 27, 0.96) 0%, rgba(10, 10, 14, 0.99) 100%) !important;
  backdrop-filter: blur(44px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(44px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  border-top: 1px solid var(--glass-rim) !important;
  border-radius: 26px !important;
  padding: 22px 22px 18px 22px !important;
  box-shadow: 0 32px 84px rgba(0, 0, 0, 0.90), inset 0 1px 1.5px rgba(255, 255, 255, 0.24) !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wf-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.wf-main-title {
  font-family: var(--font-display);
  font-size: 1.22rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.025em;
  margin: 0;
}

.wf-close-btn {
  flex-shrink: 0;
}

/* 4-Phase Minimalist Segmented Control */
.wf-stepper-bar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  padding: 4px;
  border-radius: 13px;
}

.wf-step-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 4px;
  border-radius: 9px;
  border: 1px solid transparent;
  background: transparent;
  color: #8e8e93;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.wf-step-label {
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.wf-step-tab.completed {
  color: #d4d4d8;
}

.wf-step-tab.active {
  background: rgba(170, 247, 0, 0.12);
  border-color: rgba(170, 247, 0, 0.34);
  color: #aaf700;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
}

/* Stage Container & Panels */
.wf-stage-container {
  position: relative;
}

.wf-stage-panel {
  display: none;
  flex-direction: column;
  gap: 14px;
  animation: wfPanelFadeIn 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.wf-stage-panel.active {
  display: flex;
}

@keyframes wfPanelFadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Minimalist Real Component Preview Container */
.wf-live-preview {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Real App Components Showcase inside Workflow Guide */
.wf-real-showcase {
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
  user-select: none;
  text-align: left;
}

.wf-real-showcase .wf-real-qc-bar {
  margin-bottom: 0;
}

.wf-real-showcase .wf-real-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
}

.wf-real-showcase .agenda-card-item,
.wf-real-showcase .note-card-item {
  margin-bottom: 0;
  padding-top: 9px;
  padding-bottom: 9px;
}

.wf-real-player-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 15px;
  padding: 10px 14px;
}

.wf-real-showcase .player-active-block-card {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.wf-real-showcase .player-active-type-pill {
  white-space: nowrap;
}

.wf-real-player-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.wf-real-big-time {
  font-size: 1.44rem !important;
  line-height: 1 !important;
  margin: 0 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.wf-real-controls-row {
  margin: 0 !important;
  gap: 6px !important;
}

.wf-real-controls-row .player-main-action-btn {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
}

.wf-real-analyze-stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (max-width: 480px) {
  .wf-real-player-row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .wf-real-player-right {
    justify-content: space-between;
  }
  .wf-step-label {
    font-size: 0.68rem;
  }
}

/* Phase Details Explanation */
.wf-phase-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
  padding: 0 2px;
}

.wf-phase-heading {
  font-family: var(--font-display);
  font-size: 1.02rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.02em;
  margin: 0;
}

.wf-phase-desc {
  font-family: var(--font-sans);
  font-size: 0.81rem;
  color: #a1a1aa;
  line-height: 1.46;
  margin: 0;
}

.wf-phase-desc b {
  color: #f4f4f5;
  font-weight: 600;
}

/* Guide Footer Navigation */
.wf-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.wf-step-counter {
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-size: 0.74rem;
  font-weight: 600;
  color: #71717a;
}

.wf-nav-btn {
  font-family: var(--font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all 0.2s ease;
}

.wf-nav-btn.prev {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.10);
  color: #d4d4d8;
}

.wf-nav-btn.next {
  background: rgba(170, 247, 0, 0.14);
  border: 1px solid rgba(170, 247, 0, 0.34);
  color: #aaf700;
}

@media (hover: hover) {
  .wf-nav-btn.prev:hover {
    background: rgba(255, 255, 255, 0.10);
  }
  .wf-nav-btn.next:hover {
    background: rgba(170, 247, 0, 0.22);
  }
}

@media (max-width: 767px) {
  #welcomeModalOverlay,
  #workflowGuideOverlay {
    align-items: flex-end !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .welcome-drag-handle {
    display: block;
    width: 38px;
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.25);
    margin: -4px auto 10px auto;
  }

  .welcome-modal-sheet,
  .workflow-guide-sheet {
    border-radius: 26px 26px 0 0 !important;
    max-width: 100% !important;
    max-height: calc(100dvh - 20px) !important;
    max-height: calc(100vh - 20px) !important;
    margin-top: auto !important;
    padding: 18px 18px calc(env(safe-area-inset-bottom, 12px) + 16px) 18px !important;
  }

  .welcome-hero {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }

  .welcome-logo-standalone {
    height: 42px !important;
  }

  .welcome-title {
    font-size: 1.35rem !important;
  }

  .wf-main-title {
    font-size: 1.14rem !important;
  }
}

/* ===== CLOSED BETA GATE (ZERO-BYPASS HIGH SECURITY) ===== */
.beta-gate-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: #000000;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.beta-gate-ambient-glow {
  position: absolute;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(170, 247, 0, 0.14) 0%, rgba(170, 247, 0, 0) 70%);
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  filter: blur(60px);
  z-index: 0;
}

.beta-gate-card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 440px;
  background: linear-gradient(180deg, rgba(20, 20, 26, 0.94) 0%, rgba(11, 11, 15, 0.98) 100%);
  backdrop-filter: blur(40px) saturate(200%);
  -webkit-backdrop-filter: blur(40px) saturate(200%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  border-radius: 28px;
  padding: 34px 28px 28px 28px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.8), 0 0 40px rgba(170, 247, 0, 0.03);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-sizing: border-box;
  transition: transform 0.2s ease;
}

.beta-gate-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}

.beta-gate-logo-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.beta-gate-logo-halo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 140px;
  height: 52px;
  border-radius: 26px;
  background: radial-gradient(ellipse, rgba(170, 247, 0, 0.5) 0%, rgba(170, 247, 0, 0.24) 42%, rgba(170, 247, 0, 0) 72%);
  filter: blur(14px);
  -webkit-filter: blur(14px);
  pointer-events: none;
  z-index: 0;
  will-change: transform;
}

.beta-gate-logo {
  position: relative;
  z-index: 1;
  height: 52px;
  width: auto;
  max-width: 160px;
  border-radius: 0;
  object-fit: contain;
  margin-bottom: 0 !important;
  filter: none !important;
  -webkit-filter: none !important;
  user-select: none;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (hover: hover) {
  .beta-gate-logo:hover {
    transform: scale(1.08) rotate(3deg);
  }
}

.beta-gate-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  background: rgba(170, 247, 0, 0.12);
  border: 1px solid rgba(170, 247, 0, 0.32);
  border-radius: 999px;
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-size: 0.68rem;
  font-weight: 800;
  color: #aaf700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.beta-gate-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #aaf700;
  box-shadow: 0 0 8px #aaf700;
  animation: betaPulseDot 2s infinite ease-in-out;
}

@keyframes betaPulseDot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.35; transform: scale(0.85); }
}

.beta-gate-title {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.03em;
  margin: 0 0 8px 0;
}

.beta-gate-desc {
  font-size: 0.84rem;
  color: #9ca3af;
  line-height: 1.45;
  margin: 0 0 22px 0;
  max-width: 340px;
}

.beta-gate-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.beta-gate-input-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.beta-gate-input-icon {
  position: absolute;
  left: 14px;
  color: rgba(255, 255, 255, 0.4);
  pointer-events: none;
}

.beta-gate-input {
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  padding: 13px 14px 13px 40px;
  font-family: var(--font-mono);
  font-size: 0.96rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
  outline: none;
  transition: all 0.2s ease;
}

.beta-gate-input::placeholder {
  color: rgba(255, 255, 255, 0.28);
  font-weight: 500;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
}

.beta-gate-input:focus {
  border-color: #aaf700;
  background: rgba(170, 247, 0, 0.04);
  box-shadow: 0 0 0 3px rgba(170, 247, 0, 0.09);
}

.beta-gate-error {
  font-size: 0.78rem;
  font-weight: 500;
  color: #ff453a;
  background: rgba(255, 69, 58, 0.1);
  border: 1px solid rgba(255, 69, 58, 0.25);
  border-radius: 10px;
  padding: 8px 12px;
  line-height: 1.35;
  animation: betaFadeIn 0.2s ease;
}

@keyframes betaFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes betaGateShake {
  0%, 100% { transform: translateX(0); }
  15% { transform: translateX(-9px); }
  30% { transform: translateX(8px); }
  45% { transform: translateX(-6px); }
  60% { transform: translateX(5px); }
  75% { transform: translateX(-3px); }
  90% { transform: translateX(2px); }
}

.beta-gate-shake {
  animation: betaGateShake 0.45s ease-in-out !important;
}

.beta-gate-btn-submit {
  width: 100%;
  box-sizing: border-box;
  background: #aaf700;
  color: #000000;
  border: none;
  border-radius: 14px;
  padding: 13px 18px;
  font-family: var(--font-sans);
  font-size: 0.92rem;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (hover: hover) {
  .beta-gate-btn-submit:hover:not(:disabled) {
    background: #bbf81a;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
  }
}

.beta-gate-btn-submit:active:not(:disabled) {
  transform: scale(0.98);
}

.beta-gate-btn-submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.beta-gate-footer {
  margin-top: 18px;
  font-size: 0.72rem;
  color: #6b7280;
  line-height: 1.4;
}

@media (max-width: 480px) {
  .beta-gate-card {
    padding: 26px 20px 22px 20px;
    border-radius: 24px;
  }
  .beta-gate-logo-wrap {
    margin-bottom: 10px !important;
  }
  .beta-gate-logo {
    height: 42px !important;
    width: auto !important;
    max-width: 135px !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
  }
  .beta-gate-logo-halo {
    width: 115px !important;
    height: 42px !important;
    border-radius: 21px !important;
    filter: blur(10px) !important;
    -webkit-filter: blur(10px) !important;
  }
  .beta-gate-title {
    font-size: 1.32rem;
  }
  .beta-gate-desc {
    font-size: 0.80rem;
    margin-bottom: 16px;
  }
  .beta-gate-install-steps {
    padding: 13px 12px;
    gap: 10px;
    border-radius: 16px;
  }
  .beta-gate-install-step {
    font-size: 0.82rem;
    gap: 10px;
  }
  .beta-gate-step-num {
    width: 22px;
    height: 22px;
    font-size: 0.72rem;
  }
}

/* Closed Beta Gate - Mobile Install Screen */
.beta-gate-install-steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 16px 14px;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  margin: 2px 0 6px 0;
}

.beta-gate-install-step {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.85rem;
  color: #e5e7eb;
  line-height: 1.4;
}

.beta-gate-step-num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #aaf700;
  color: #000000;
  font-size: 0.76rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 0 12px rgba(170, 247, 0, 0.2);
}

.beta-gate-step-text {
  flex: 1;
}

.beta-gate-step-text b {
  color: #ffffff;
  font-weight: 600;
}

.beta-gate-step-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  padding: 2px 5px;
  border-radius: 6px;
  margin: 0 3px;
  color: #ffffff;
}

.beta-gate-link-btn {
  background: none;
  border: none;
  color: #aaf700;
  font-family: inherit;
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: opacity 0.2s ease;
}

.beta-gate-link-btn:hover {
  opacity: 0.85;
}

/* ===== NOTES / SUB-APPS TOP BAR ===== */


.subapp-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  flex-shrink: 0 !important;
  gap: 8px;
}

.subapp-header-left {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  flex-shrink: 1;
}

.subapp-header-left .subapp-back-btn {
  align-self: center !important;
}

.subapp-back-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.22);
  color: var(--text-white);
  cursor: pointer;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  flex-shrink: 0 !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: var(--font-sans);
  font-size: 1.45rem;
  font-weight: 300;
  line-height: 1;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box !important;
}

.subapp-back-btn svg,
.subapp-back-btn .mnml-svg-icon {
  display: block !important;
  pointer-events: none !important;
  margin: 0 !important;
  transform: translateX(-1px);
}

.subapp-back-btn:has(svg) {
  padding: 0 !important;
}
@media (hover: hover) {
  .subapp-back-btn:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.32);
  border-top-color: rgba(255, 255, 255, 0.50);
  color: #ffffff;
  transform: scale(1.06);
}
}


.subapp-back-btn:active {
  transform: scale(0.92);
}

.subapp-title {
  font-family: var(--font-display);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--text-white);
  letter-spacing: -0.025em;
  display: inline-flex;
  align-items: center;
}

.subapp-title.with-dot {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.subapp-title.with-dot .prj-color-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.25);
}

.subapp-count {
  font-family: var(--font-sans);
  font-size: 0.82rem;
  color: var(--text-gray);
  font-weight: 500;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  align-self: baseline !important;
  margin-bottom: 0 !important;
  line-height: 1.2;
}

.subapp-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

@media (max-width: 480px) {
  .subapp-header {
    gap: 6px !important;
    margin-bottom: 14px !important;
  }
  .subapp-header-left {
    gap: 6px !important;
  }
  .subapp-back-btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    font-size: 1.35rem;
  }
  .subapp-header-left .subapp-title {
    font-size: 1.35rem !important;
  }
  .subapp-header-left .subapp-count {
    font-size: 0.76rem !important;
    align-self: baseline !important;
    margin-bottom: 0 !important;
  }
  .subapp-header-right {
    gap: 6px !important;
  }
  .subapp-header-right .icon-btn-circle {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }
}

.icon-btn-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  box-shadow: var(--liquid-glass-shadow);
  color: var(--text-white);
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
  font-family: var(--font-sans);
  line-height: 0 !important;
  box-sizing: border-box !important;
  -webkit-appearance: none;
  appearance: none;
  user-select: none;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}

.icon-btn-circle svg,
.icon-btn-circle .mnml-svg-icon {
  display: block !important;
  margin: 0 auto !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
}

@media (hover: hover) {
  .icon-btn-circle:hover {
    background: var(--liquid-glass-bg-hover);
    border: var(--liquid-glass-border-hover);
    border-top: 1px solid var(--glass-rim-strong);
    box-shadow: var(--liquid-glass-shadow-hover);
    color: #ffffff;
    transform: none !important;
  }
}

.icon-btn-circle:active {
  background: var(--liquid-glass-bg-active);
  box-shadow: var(--liquid-glass-shadow-active);
  transform: scale(0.94) !important;
}

.icon-btn-circle.orange-solid {
  background: linear-gradient(135deg, #b8fa1e 0%, #aaf700 100%) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.75) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1.5px rgba(255, 255, 255, 0.65) !important;
  color: #000000 !important;
  font-family: var(--font-sans);
  line-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  -webkit-appearance: none;
  appearance: none;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

@media (hover: hover) {
  .icon-btn-circle.orange-solid:hover {
    background: linear-gradient(135deg, #c7fa3b 0%, #b2f80a 100%) !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.90) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45), inset 0 1px 1.5px rgba(255, 255, 255, 0.85) !important;
    transform: none !important;
  }
}

.icon-btn-circle.orange-solid:active {
  transform: scale(0.94) !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4) !important;
}

/* Recurrence Day Chips (Exact Optical Centering for L, M, X, J, V, S, D) */
.agenda-day-chip {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

.agenda-day-chip .agenda-day-chip-letter {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  font-family: var(--font-sans) !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: translateY(1px) !important;
  pointer-events: none !important;
}

.agenda-day-chip.orange-solid {
  padding: 0 !important;
  padding-bottom: 0 !important;
}

.agenda-day-chip.orange-solid .agenda-day-chip-letter {
  color: #000000 !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
}

@media (max-width: 767px) {
  .agenda-day-chip {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }
  .agenda-day-chip .agenda-day-chip-letter {
    font-size: 0.88rem !important;
    transform: translateY(1px) !important;
  }
  .agenda-day-chip.orange-solid .agenda-day-chip-letter {
    font-size: 0.9rem !important;
  }
}
/* Category Filter Tabs */


/* Category Filter Tabs - Sticky Liquid Glass Segmented Bar */
.category-tabs-bar {
  position: sticky;
  top: 0;
  z-index: 35;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x !important;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
  cursor: grab;
  user-select: none;
  background: rgba(14, 14, 18, 0.92);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-pill);
  padding: 5px;
  padding-right: 14px;
  margin-bottom: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
  flex-shrink: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
  box-sizing: border-box;
}

.category-tabs-bar:active {
  cursor: grabbing;
}

.category-tabs-bar::-webkit-scrollbar {
  display: none;
}

.cat-tab-item {
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #a1a1a6;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 0 14px;
  height: 32px;
  border-radius: var(--radius-pill);
  position: relative;
  white-space: nowrap;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  touch-action: pan-x !important;
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0 !important;
  box-sizing: border-box;
}

@media (hover: hover) {
  .cat-tab-item:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
  }
}

.cat-tab-item.active {
  background: var(--liquid-glass-bg-hover);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-top: 1px solid var(--glass-rim-strong);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-weight: 700;
}

/* Subcategory Filter Chips Bar - Liquid Glass Chips */
.subcategory-chips-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x !important;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
  cursor: grab;
  user-select: none;
  margin-top: -6px;
  margin-bottom: 16px;
  padding-bottom: 4px;
  padding-right: 14px;
  flex-shrink: 0 !important;
  min-height: 38px !important;
  box-sizing: border-box;
}

.subcategory-chips-bar:active {
  cursor: grabbing;
}

.subcategory-chips-bar::-webkit-scrollbar {
  display: none;
}

.subcat-chip-item {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: #d1d5db;
  font-size: 0.78rem;
  font-weight: 500;
  padding: 6px 13px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  touch-action: pan-x !important;
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0 !important;
}

@media (hover: hover) {
  .subcat-chip-item:hover {
    background: var(--liquid-glass-bg-hover);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.30);
  }
}

.subcat-chip-item.active {
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.28) 0%, rgba(135, 205, 0, 0.12) 100%);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(170, 247, 0, 0.45);
  border-top: 1px solid var(--glass-rim-accent);
  color: #ffffff !important;
  font-weight: 600;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.55);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

@media (hover: hover) {
  .subcat-chip-item.active:hover {
    background: linear-gradient(135deg, rgba(170, 247, 0, 0.38) 0%, rgba(135, 205, 0, 0.18) 100%);
    border-color: rgba(170, 247, 0, 0.60);
    border-top-color: #ffffff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45), inset 0 1px 1.5px rgba(255, 255, 255, 0.70);
    color: #ffffff !important;
    transform: translateY(-0.5px);
  }
}

.subcat-chip-item.active:active {
  transform: scale(0.97);
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.24) 0%, rgba(135, 205, 0, 0.10) 100%);
}

[data-theme="midnight-blue"] .subcat-chip-item.active {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.28) 0%, rgba(56, 189, 248, 0.12) 100%);
  border-color: rgba(56, 189, 248, 0.45);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.55), inset 0 0 14px rgba(56, 189, 248, 0.16);
}

[data-theme="warm"] .subcat-chip-item.active {
  background: linear-gradient(135deg, rgba(251, 146, 60, 0.28) 0%, rgba(251, 146, 60, 0.12) 100%);
  border-color: rgba(251, 146, 60, 0.45);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.55), inset 0 0 14px rgba(251, 146, 60, 0.16);
}

/* Note Editor Tags Bar */
.note-editor-tags-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

/* Note Breadcrumbs & Project Pills (Apple iOS 1:1) */
.apple-breadcrumb-pill-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  box-shadow: var(--liquid-glass-shadow);
  border-radius: 9999px;
  padding: 5px 12px;
  font-family: var(--font-sans);
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--text-white);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.1s ease;
  white-space: nowrap;
  max-width: 100%;
}

.apple-breadcrumb-pill-btn:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.25);
}

.apple-breadcrumb-pill-btn:active {
  transform: scale(0.97);
}

.apple-breadcrumb-chevron {
  color: var(--text-muted) !important;
  transition: transform 0.2s ease;
  display: inline-flex;
  align-items: center;
}

.apple-breadcrumb-pill-btn.open .apple-breadcrumb-chevron,
.apple-breadcrumb-pill-btn.active .apple-breadcrumb-chevron {
  transform: rotate(180deg);
}

.editor-cat-menu-header-item {
  font-weight: 700 !important;
  color: var(--text-white) !important;
  font-size: 0.88rem !important;
  letter-spacing: -0.01em;
  padding-top: 8px !important;
  padding-bottom: 6px !important;
}

[data-theme="minimal"] .editor-cat-menu-header-item {
  color: #000000 !important;
}

.editor-cat-menu-subitem {
  padding-left: 28px !important;
  font-size: 0.82rem !important;
  color: rgba(255, 255, 255, 0.85);
  position: relative;
}

.editor-cat-menu-subitem::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.40);
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.15s ease;
}

.editor-cat-menu-subitem:hover::before,
.editor-cat-menu-subitem.selected::before {
  background: var(--mnml-orange);
}

[data-theme="minimal"] .editor-cat-menu-subitem::before {
  background: rgba(0, 0, 0, 0.35);
}

[data-theme="minimal"] .editor-cat-menu-subitem:hover::before,
[data-theme="minimal"] .editor-cat-menu-subitem.selected::before {
  background: #000000;
}

[data-theme="minimal"] .apple-breadcrumb-pill-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .apple-breadcrumb-pill-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .apple-breadcrumb-chevron {
  color: rgba(0, 0, 0, 0.45) !important;
}

/* Journal Date Badge - Apple Native Typographic Header */
.journal-date-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  background: transparent !important;
  border: none !important;
  font-family: var(--font-sans);
  font-size: 0.84rem;
  font-weight: 500;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  color: var(--text-muted);
  letter-spacing: -0.01em;
  text-transform: capitalize;
  user-select: none;
}

.journal-date-badge svg {
  opacity: 0.7;
}

[data-theme="minimal"] .journal-date-badge {
  background: transparent !important;
  border: none !important;
  color: #8e8e93 !important;
}

/* Category Manager - Apple Inset Grouped (Option A) */
.cat-mgr-container {
  max-width: 600px;
  margin: 0 auto;
  padding: 14px 14px 48px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}

.cat-inset-group {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--liquid-glass-shadow);
  display: flex;
  flex-direction: column;
  transition: all 0.16s ease;
}

.cat-inset-header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  gap: 10px;
}

.cat-inset-left {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}

.cat-inset-icon {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: rgba(170, 247, 0, 0.12);
  border: 1px solid rgba(170, 247, 0, 0.22);
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--mnml-orange);
  flex-shrink: 0;
  box-sizing: border-box;
}

.cat-inset-icon svg {
  display: block !important;
  margin: 0 !important;
  pointer-events: none;
}

.cat-inset-name {
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cat-notes-badge {
  font-family: var(--font-sans);
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 2px 7px;
  border-radius: 9999px;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.cat-row-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.cat-action-circle-btn {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-top: 1px solid var(--glass-rim) !important;
  color: var(--text-muted) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  cursor: pointer;
  transition: all 0.14s ease;
  outline: none;
  box-sizing: border-box !important;
}

.cat-action-circle-btn svg {
  display: block !important;
  margin: 0 !important;
  pointer-events: none;
}

.cat-action-circle-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

.cat-action-circle-btn.danger {
  color: rgba(255, 69, 58, 0.85) !important;
}

.cat-action-circle-btn.danger:hover {
  background: rgba(255, 69, 58, 0.18) !important;
  border-color: rgba(255, 69, 58, 0.35) !important;
  color: #ff453a !important;
}

/* Subcategories Inset Rows */
.cat-inset-subrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 10px 38px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  gap: 10px;
  transition: background 0.14s ease;
  position: relative;
}

.cat-inset-subrow::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--text-muted);
  opacity: 0.65;
  transform: translateY(-50%);
}

.cat-inset-subrow:hover {
  background: rgba(255, 255, 255, 0.03);
}

.cat-sub-name {
  font-family: var(--font-sans);
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--text-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Add Subcategory Row at bottom of card */
.cat-inset-add-sub-row {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px;
  padding: 10px 14px 10px 24px;
  background: transparent;
  border: none !important;
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: 0.82rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
  width: 100%;
  box-sizing: border-box !important;
  text-align: left;
}

.cat-inset-add-sub-row:hover {
  background: rgba(255, 255, 255, 0.04);
  color: var(--mnml-orange);
}

.cat-inset-add-sub-row svg {
  display: block !important;
  margin: 0 !important;
  pointer-events: none;
}

/* Bottom Add Main Category Button */
.cat-mgr-bottom-add-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 13px 18px;
  border-radius: 14px;
  font-family: var(--font-sans);
  font-size: 0.90rem;
  font-weight: 600;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: 1px dashed rgba(255, 255, 255, 0.22);
  border-top: 1px dashed var(--glass-rim);
  color: var(--text-white);
  cursor: pointer;
  transition: all 0.16s ease;
  box-sizing: border-box;
}

.cat-mgr-bottom-add-btn:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--mnml-orange);
  color: var(--mnml-orange);
}

.cat-mgr-bottom-add-btn svg {
  display: block !important;
  margin: 0 !important;
  pointer-events: none;
}

/* ===== AJUSTES (SETTINGS) - LIQUID GLASS SUITE ===== */
.settings-section-title {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #a1a1a6;
  margin-bottom: 12px;
}

.settings-card,
.glass-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 16px 18px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.20);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.settings-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.settings-label {
  font-size: 0.95rem;
  font-weight: 500;
  color: #ffffff;
}

.settings-subtext {
  font-size: 0.82rem;
  color: #9ca3af;
  line-height: 1.4;
  margin-bottom: 4px;
}

/* iOS Liquid Glass Toggle Switch */
.ios-toggle-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 28px;
  flex-shrink: 0;
  cursor: pointer;
}

.ios-toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.ios-toggle-slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--radius-pill);
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
}

.ios-toggle-slider::before {
  content: '';
  position: absolute;
  height: 22px;
  width: 22px;
  left: 2px;
  bottom: 2px;
  background: linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%);
  border-radius: 50%;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
}

.ios-toggle-switch input:checked + .ios-toggle-slider {
  background: var(--mnml-orange);
  border-color: var(--mnml-orange);
  box-shadow: 0 0 12px rgba(170, 247, 0, 0.23), inset 0 1px 2px rgba(255, 255, 255, 0.5);
}

.ios-toggle-switch input:checked + .ios-toggle-slider::before {
  transform: translateX(22px);
  background: #000000;
}

/* Settings Segmented Control */
.settings-segmented,
.ios-segmented {
  display: flex;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius-pill);
  padding: 4px;
  gap: 4px;
}

.settings-segment-btn,
.ios-segment-btn {
  flex: 1;
  background: transparent;
  border: none;
  color: #9ca3af;
  font-size: 0.80rem;
  font-weight: 600;
  padding: 8px 4px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  text-align: center;
}

.settings-segment-btn.active,
.ios-segment-btn.active {
  background: var(--liquid-glass-bg-hover);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-top: 1px solid var(--glass-rim-strong);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

/* Settings Theme Grid */
.settings-theme-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.settings-theme-btn,
.ios-btn {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  color: #d1d5db;
  font-size: 0.84rem;
  font-weight: 500;
  padding: 12px 10px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  text-align: center;
}

.settings-theme-btn.active,
.ios-btn.primary {
  background: var(--liquid-glass-accent-bg);
  border: var(--liquid-glass-accent-border);
  border-top: 1px solid var(--glass-rim-accent);
  color: #000000;
  font-weight: 700;
  box-shadow: var(--liquid-glass-accent-shadow);
}

/* Settings Action Buttons */
.settings-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-btn);
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 600;
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  text-align: center;
  box-shadow: var(--liquid-glass-shadow);
}

@media (hover: hover) {
  .settings-btn:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.30);
    transform: translateY(-1px);
  }
}

.settings-btn.danger,
.ios-btn.danger {
  color: #ff6961 !important;
  border-color: rgba(255, 69, 58, 0.35) !important;
  background: rgba(255, 69, 58, 0.10) !important;
}

@media (hover: hover) {
  .settings-btn.danger:hover,
  .ios-btn.danger:hover {
    background: rgba(255, 69, 58, 0.22) !important;
    border-color: rgba(255, 69, 58, 0.55) !important;
  }
}

/* ===== ARCHIVO (ARCHIVE) - LIQUID GLASS & HIGH CONTRAST ===== */
.archive-info-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 14px 18px;
  margin-bottom: 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: var(--liquid-glass-shadow);
}

.archive-info-icon {
  color: var(--mnml-orange);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.archive-info-text {
  font-size: 0.84rem;
  color: #d1d5db;
  line-height: 1.45;
}

/* Expiry Badge - High Contrast Amber / Coral */
.archive-expiry-badge {
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 3px 9px;
  border-radius: var(--radius-pill);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  background: rgba(255, 159, 10, 0.18);
  color: #ffb340;
  border: 1px solid rgba(255, 159, 10, 0.45);
  box-shadow: 0 2px 8px rgba(255, 159, 10, 0.12);
}

.archive-expiry-badge.urgent {
  background: rgba(255, 69, 58, 0.22);
  color: #ff6961;
  border: 1px solid rgba(255, 69, 58, 0.50);
  box-shadow: 0 2px 8px rgba(255, 69, 58, 0.20);
}

.archive-meta-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 6px;
}

.archive-meta-row {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.80rem;
  color: #a1a1a6;
}

.archive-meta-row span {
  color: #d1d5db;
}

.archive-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
  border-top: 1px solid var(--glass-rim);
  padding-top: 8px;
}

.archive-action-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-pill);
  padding: 5px 12px;
  font-size: 0.76rem;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.18s ease;
}

@media (hover: hover) {
  .archive-action-btn.restore:hover {
    background: rgba(170, 247, 0, 0.15);
    border-color: var(--mnml-orange);
    color: var(--mnml-orange);
  }
  .archive-action-btn.delete:hover {
    background: rgba(255, 69, 58, 0.18);
    border-color: rgba(255, 69, 58, 0.45);
    color: #ff6961;
  }
}

.archive-action-btn.delete {
  color: #ff6961;
  border-color: rgba(255, 69, 58, 0.30);
}
/* Notes & Event List Items - Liquid Glass Cards */


.notes-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex-shrink: 0;
}

.notes-empty-state {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-height: 220px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 60px 20px !important;
  color: var(--text-muted) !important;
  font-size: 0.95rem !important;
  box-sizing: border-box !important;
}

.notes-empty-state p {
  margin: 0 !important;
  max-width: 480px !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

.note-card-item {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  cursor: pointer;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  min-height: 58px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.20);
  position: relative;
  overflow: hidden;
}

.note-card-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, transparent 100%);
  border-radius: 20px 20px 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .note-card-item:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.25);
  border-top-color: rgba(255, 255, 255, 0.50);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.48), inset 0 1px 2px rgba(255, 255, 255, 0.30);
  transform: translateY(-1.5px) scale(1.008);
}
}


.note-card-item:active {
  background: var(--liquid-glass-bg-active);
  transform: translateY(1px) scale(0.985);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(0, 0, 0, 0.2);
}

.note-icon-wrap {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  border-radius: 12px;
  background: rgba(170, 247, 0, 0.08);
  border: 1px solid rgba(170, 247, 0, 0.25);
  border-top: 1px solid rgba(170, 247, 0, 0.50);
  color: var(--mnml-orange) !important;
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.18);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  z-index: 1;
}
@media (hover: hover) {
  .note-card-item:hover .note-icon-wrap {
  background: rgba(170, 247, 0, 0.16);
  border-color: rgba(170, 247, 0, 0.50);
  box-shadow: 0 0 12px rgba(170, 247, 0, 0.16), inset 0 1px 1px rgba(255, 255, 255, 0.25);
  transform: scale(1.05);
}
}


.note-icon-wrap svg,
.note-icon-wrap .mnml-svg-icon {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex-shrink: 0 !important;
  display: block !important;
  stroke: var(--mnml-orange) !important;
  color: var(--mnml-orange) !important;
  stroke-width: 2 !important;
  filter: drop-shadow(0 0 3px rgba(170, 247, 0, 0.18));
}/* Note Icon Trigger Button in Note Editor */


.note-icon-picker-btn,
#noteIconPickerBtn {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 50% !important;
  background: rgba(170, 247, 0, 0.12) !important;
  border: 1px solid rgba(170, 247, 0, 0.45) !important;
  border-top: 1px solid rgba(170, 247, 0, 0.80) !important;
  color: var(--mnml-orange) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.25) !important;
  padding: 0 !important;
  outline: none !important;
  flex-shrink: 0 !important;
}
@media (hover: hover) {
  .note-icon-picker-btn:hover,
  #noteIconPickerBtn:hover {
  background: rgba(170, 247, 0, 0.25) !important;
  border-color: var(--mnml-orange) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important;
  transform: scale(1.06) !important;
}
}


.note-icon-picker-btn:active,
#noteIconPickerBtn:active {
  transform: scale(0.94) !important;
}

.note-icon-picker-btn svg,
.note-icon-picker-btn .mnml-svg-icon,
#noteIconPickerBtn svg,
#noteIconPickerBtn .mnml-svg-icon {
  width: 22px !important;
  height: 22px !important;
  stroke: var(--mnml-orange) !important;
  color: var(--mnml-orange) !important;
  stroke-width: 2 !important;
  display: block !important;
  flex-shrink: 0 !important;
  filter: drop-shadow(0 0 4px rgba(170, 247, 0, 0.2));
}/* Note Icon Picker Sheet Choices */


.note-icon-choice-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  padding: 12px 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  color: var(--mnml-orange) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: inherit;
  outline: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

.note-icon-choice-btn svg,
.note-icon-choice-btn .mnml-svg-icon,
.note-icon-choice-svg svg,
.note-icon-choice-svg .mnml-svg-icon {
  stroke: var(--mnml-orange) !important;
  color: var(--mnml-orange) !important;
  width: 22px !important;
  height: 22px !important;
  stroke-width: 2 !important;
  display: block !important;
  filter: drop-shadow(0 0 3px rgba(170, 247, 0, 0.18));
}
@media (hover: hover) {
  .note-icon-choice-btn:hover {
  background: rgba(170, 247, 0, 0.14) !important;
  border-color: rgba(170, 247, 0, 0.50) !important;
  color: var(--mnml-orange) !important;
  transform: translateY(-2px);
}
}


.note-icon-choice-btn:active {
  transform: scale(0.95);
}

.note-icon-choice-btn.selected {
  background: rgba(170, 247, 0, 0.20) !important;
  border-color: var(--mnml-orange) !important;
  border-top-color: #ffffff !important;
  color: var(--mnml-orange) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35), inset 0 1px 1.5px rgba(255, 255, 255, 0.35) !important;
  transform: scale(1.04);
}

.note-icon-choice-svg {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mnml-orange) !important;
}

.note-icon-choice-label {
  font-size: 0.68rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  color: var(--text-white) !important;
}

.note-content-wrap {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.note-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}

.note-item-title {
  font-size: 1.02rem;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}

/* Multi-line Title Clamp for Agenda Cards (Apple HIG: 2 lines max, never truncated prematurely) */
.agenda-card-item .note-item-title.agenda-title,
.agenda-card-item .agenda-title,
.agenda-card-item .note-item-title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  line-height: 1.34 !important;
  word-break: break-word !important;
}

.note-item-tags {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 1;
  min-width: 0;
  max-width: 100%;
}

.note-item-tags:empty {
  display: none !important;
}

/* Liquid Glass Project Badge in Note Cards */
.note-card-project-badge {
  font-size: 0.70rem;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  padding: 2.5px 8.5px;
  border-radius: var(--radius-pill);
  color: #e5e5ea;
  display: inline-flex;
  align-items: center;
  gap: 5.5px;
  max-width: 160px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  flex-shrink: 1;
}

@media (hover: hover) {
  .note-card-project-badge:hover {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.25);
    border-top-color: rgba(255, 255, 255, 0.45);
    transform: translateY(-0.5px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
  }
}

.note-card-project-badge:active {
  transform: scale(0.96);
  background: rgba(255, 255, 255, 0.18);
}

.note-card-project-badge .prj-color-dot {
  width: 6.5px;
  height: 6.5px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
}

.note-card-project-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Category Badge in Note Cards */
.note-card-category-badge {
  font-size: 0.69rem;
  font-weight: 500;
  color: var(--text-gray);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 2px 7.5px;
  border-radius: var(--radius-pill);
  white-space: nowrap;
  max-width: 140px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1;
}

/* Responsive adjustment for Note Cards: on mobile, stack header so title gets full width and badges sit below side-by-side without overflowing or disappearing */
@media (max-width: 767px) {
  .note-card-item .note-item-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
  }

  .note-card-item .note-item-title {
    width: 100% !important;
    max-width: 100% !important;
  }

  .note-card-item .note-item-tags {
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    margin-top: 2px !important;
  }

  .note-card-item .note-card-project-badge,
  .note-card-item .note-card-category-badge {
    max-width: 100% !important;
  }
}

.note-item-time {
  font-size: 0.74rem;
  color: var(--text-muted);
  white-space: nowrap;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.note-item-meta {
  font-size: 0.78rem;
  color: var(--text-gray);
  margin-top: 2px;
  white-space: nowrap;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.note-item-snippet,
.note-item-excerpt {
  font-size: 0.84rem;
  color: var(--text-muted);
  margin-top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: 1.35;
}

.journal-card-time {
  color: var(--text-gray);
  font-weight: 500;
  font-size: 0.80rem;
  margin-right: 6px;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .journal-card-time {
  color: #8e8e93 !important;
}

.journal-card-preview {
  color: var(--text-muted);
}

.note-empty-state,
.journal-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 64px 20px 40px;
  color: var(--text-muted);
  width: 100%;
  grid-column: 1 / -1;
  box-sizing: border-box;
}

.note-empty-icon,
.journal-empty-icon {
  margin-bottom: 14px;
  color: var(--text-muted);
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.note-empty-title,
.journal-empty-title {
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--text-white);
  margin-bottom: 6px;
  letter-spacing: -0.01em;
}

.note-empty-sub,
.journal-empty-sub {
  font-size: 0.85rem;
  color: var(--text-gray);
  max-width: 320px;
  line-height: 1.45;
  margin: 0 auto;
}/* ===== LIQUID GLASS AGENDA CARDS & UNIQUE SIGNATURE CHECKBOX ===== */



.agenda-card-item {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  cursor: pointer;
  transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, opacity 0.22s ease, transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  min-height: 56px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.20);
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .agenda-card-item {
    padding: 11px 13px !important;
    gap: 11px !important;
    border-radius: 16px !important;
    min-height: 52px !important;
  }
}

.agenda-card-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 60%);
  border-radius: inherit;
  pointer-events: none;
}
@media (hover: hover) {
  .agenda-card-item:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.25);
    border-top-color: rgba(255, 255, 255, 0.48);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), inset 0 1px 2px rgba(255, 255, 255, 0.30);
  }
}

.agenda-card-item:not(.is-holding):not(.is-dragging):active {
  background: var(--liquid-glass-bg-active);
  transform: translateY(1px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(0, 0, 0, 0.2);
}

/* Overdue Card Accent Styling (Liquid Glass with soft warning tint) */

.agenda-card-item.agenda-overdue-card {
  background: linear-gradient(135deg, rgba(255, 69, 58, 0.10) 0%, rgba(255, 255, 255, 0.03) 100%);
  border-color: rgba(255, 69, 58, 0.35);
  border-top-color: rgba(255, 120, 110, 0.55);
}
@media (hover: hover) {
  .agenda-card-item.agenda-overdue-card:hover {
    background: linear-gradient(135deg, rgba(255, 69, 58, 0.16) 0%, rgba(255, 255, 255, 0.06) 100%);
    border-color: rgba(255, 69, 58, 0.50);
    border-top-color: rgba(255, 150, 140, 0.75);
  }
}


/* Drag and Drop Long-Press Reordering for Agenda Cards & Home Tasks */

.agenda-card-item.is-holding,
.home-task-item.is-holding {
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.22) 0%, rgba(170, 247, 0, 0.08) 100%) !important;
  border: 1.5px solid var(--mnml-orange) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.75), 0 0 6px rgba(170, 247, 0, 0.13), inset 0 1px 2px rgba(255, 255, 255, 0.65) !important;
  z-index: 1000 !important;
  position: relative !important;
  transform: translateY(-2px) !important;
  transition: transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease !important;
  touch-action: pan-y !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

.agenda-card-item.is-dragging,
.home-task-item.is-dragging {
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.30) 0%, rgba(170, 247, 0, 0.12) 100%) !important;
  border: 1.5px solid var(--mnml-orange) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.85), 0 0 10px rgba(170, 247, 0, 0.18), inset 0 1px 2px rgba(255, 255, 255, 0.75) !important;
  z-index: 95000 !important;
  position: relative !important;
  cursor: grabbing !important;
  touch-action: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  will-change: transform;
  transition: none !important;
}

.agenda-card-item.is-holding .agenda-drag-handle,
.agenda-card-item.is-dragging .agenda-drag-handle,
.home-task-item.is-holding .home-task-title,
.home-task-item.is-dragging .home-task-title {
  color: var(--mnml-orange) !important;
  opacity: 1 !important;
}

.agenda-card-item.is-holding .agenda-title,
.agenda-card-item.is-dragging .agenda-title {
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(170, 247, 0, 0.35);
}

.agenda-card-item.is-holding .note-item-meta,
.agenda-card-item.is-dragging .note-item-meta {
  color: var(--mnml-orange) !important;
  font-weight: 700;
}

.agenda-card-item.is-holding .agenda-check-btn,
.agenda-card-item.is-dragging .agenda-check-btn {
  border-color: var(--mnml-orange) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

.agenda-card-item.manual-sortable {
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
}

.agenda-card-item.manual-sortable.is-dragging {
  touch-action: none !important;
}

.agenda-drag-handle {
  touch-action: none !important;
  cursor: grab !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-touch-callout: none !important;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.agenda-drag-handle:active {
  cursor: grabbing !important;
}
@media (hover: hover) {
  .agenda-card-item:hover .agenda-drag-handle {
    opacity: 0.9 !important;
  }
}

/* ===== INBOX SWIPE-TO-DELETE (Apple iOS Native 1:1) ===== */

.inbox-swipe-row {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  width: 100%;
  box-sizing: border-box;
  isolation: isolate;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transition: max-height 0.28s cubic-bezier(0.2, 0.9, 0.3, 1),
              opacity 0.22s ease,
              margin-bottom 0.28s cubic-bezier(0.2, 0.9, 0.3, 1),
              transform 0.28s cubic-bezier(0.2, 0.9, 0.3, 1);
}

@media (max-width: 767px) {
  .inbox-swipe-row,
  .inbox-swipe-action-bg {
    border-radius: 16px !important;
  }
}

.inbox-swipe-row.is-deleting {
  max-height: 0 !important;
  opacity: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  pointer-events: none !important;
}

/* Apple iOS Inset Crimson Capsule Tray (Clean Apple HIG) */
.inbox-swipe-action-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: inherit;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 8px;
  box-sizing: border-box;
  z-index: 1;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.16s ease, visibility 0.16s ease;
}

.inbox-swipe-row.is-swiping .inbox-swipe-action-bg,
.inbox-swipe-row.is-open .inbox-swipe-action-bg,
.inbox-swipe-row.is-deleting .inbox-swipe-action-bg {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* Apple iOS Inset Crimson Capsule Button */
.inbox-swipe-delete-btn {
  position: relative;
  width: 62px;
  height: 42px;
  border-radius: 14px;
  background: linear-gradient(135deg, #ff453a 0%, #d71812 100%);
  border: 1px solid rgba(255, 69, 58, 0.50);
  border-top: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: 0 4px 14px rgba(255, 69, 58, 0.35),
              inset 0 1px 1px rgba(255, 255, 255, 0.35);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  margin: 0;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.20s cubic-bezier(0.175, 0.885, 0.32, 1.275),
              box-shadow 0.20s ease,
              opacity 0.15s ease;
  z-index: 2;
  flex-shrink: 0;
}

.inbox-swipe-delete-btn:active {
  transform: scale(0.92);
  opacity: 0.88;
}

/* Threshold reached: pill springs up and glows */
.inbox-swipe-row.is-threshold-reached .inbox-swipe-delete-btn {
  transform: scale(1.12);
  box-shadow: 0 6px 20px rgba(255, 69, 58, 0.55),
              inset 0 1px 1px rgba(255, 255, 255, 0.50);
}

.inbox-swipe-delete-icon {
  stroke: #ffffff;
  pointer-events: none;
  display: block;
  flex-shrink: 0;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.30));
}

/* Ensure the card front covers the tray cleanly with natural elevation */
.inbox-swipe-row .inbox-card-item {
  position: relative;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--bg-card);
  background-image: var(--liquid-glass-bg);
  border-radius: inherit !important;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, opacity 0.22s ease;
  box-shadow: 4px 0 20px rgba(0, 0, 0, 0.55), 0 6px 20px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.20);
}

.inbox-swipe-row.is-open .inbox-card-item {
  transform: translate3d(-78px, 0, 0);
}

@media (hover: hover) {
  .inbox-swipe-row .inbox-card-item:hover {
    background-color: var(--bg-card);
    background-image: var(--liquid-glass-bg-hover);
  }
}

.inbox-swipe-row .inbox-card-item.is-animating {
  transition: transform 0.28s cubic-bezier(0.2, 0.9, 0.3, 1) !important;
}

/* ===== UNIQUE SIGNATURE LIQUID GLASS CHECK BUTTON ===== */


.agenda-check-btn {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.22);
  border-top: 1.5px solid rgba(255, 255, 255, 0.35);
  background: rgba(255, 255, 255, 0.07);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.32), inset 0 1px 1px rgba(255, 255, 255, 0.18);
  transition: border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
  position: relative;
  z-index: 2;
  outline: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* Habit Specific Checkbox: Apple Native Squircle (Rounded Square with Optical Weight Parity) */
.agenda-check-btn.is-habit-check {
  width: 24px !important;
  height: 24px !important;
  border-radius: 6.5px !important;
  margin: 1px !important;
}

.agenda-check-btn.mini.is-habit-check {
  width: 18.5px !important;
  height: 18.5px !important;
  border-radius: 5px !important;
  margin: 0.75px !important;
}
@media (hover: hover) {
  .agenda-check-btn:hover {
  border-color: rgba(170, 247, 0, 0.60);
  border-top-color: var(--mnml-orange);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.50);
  transform: scale(1.10);
}
}


.agenda-check-btn:active {
  transform: scale(0.92);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
}/* Overdue Task Specific Check Button (Tints amber/red on hover) */
@media (hover: hover) {
  .agenda-check-btn.agenda-overdue-check-btn:hover {
    border-color: rgba(255, 69, 58, 0.65);
    border-top-color: #ff453a;
    box-shadow: none !important;
  }
}
/* Checked State: Neon Liquid Glass with Crisp Vector Micro-Tick */


.agenda-check-btn.checked {
  background: var(--liquid-glass-accent-bg) !important;
  border-color: var(--mnml-orange) !important;
  border-top-color: #ffffff !important;
  box-shadow: var(--liquid-glass-accent-shadow), inset 0 1px 2px rgba(255, 255, 255, 0.75) !important;
}

.agenda-check-btn.checked::after {
  content: '';
  width: 11px;
  height: 9px;
  background-color: #000000;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1.5 5 4.5 8 10.5 1.5'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1.5 5 4.5 8 10.5 1.5'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  display: block;
}

/* Static & Archived Checkbox State: Disable repetitive bounce/tick animations */
[data-archive-item-id] .agenda-check-btn.checked,
.agenda-check-btn.archive-check-static,
.agenda-check-btn.subtask-check-static {
  animation: none !important;
}

[data-archive-item-id] .agenda-check-btn.checked::after,
.agenda-check-btn.archive-check-static::after,
.agenda-check-btn.subtask-check-static::after {
  animation: none !important;
  opacity: 1 !important;
}/* ===== LIQUID GLASS SUBTASKS ===== */


.subtask-card-glass {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 16px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.16);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}

.subtask-card-glass::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, transparent 60%);
  border-radius: 16px;
  pointer-events: none;
}
@media (hover: hover) {
  .subtask-card-glass:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.22);
  border-top-color: rgba(255, 255, 255, 0.42);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45), inset 0 1px 1.5px rgba(255, 255, 255, 0.25);
}
}


.subtask-card-glass:active {
  background: var(--liquid-glass-bg-active);
  transform: scale(0.988);
}

.subtask-card-glass.completed {
  opacity: 0.50;
  background: rgba(255, 255, 255, 0.03);
}

.subtask-text {
  flex: 1;
  font-size: 0.92rem;
  color: var(--text-white);
  cursor: pointer;
  transition: all 0.18s ease;
  user-select: none;
}

.subtask-text.done {
  text-decoration: line-through;
  color: var(--text-gray);
}

.subtask-del-btn {
  width: 26px !important;
  height: 26px !important;
  border: none !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--text-muted) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  flex-shrink: 0;
}
@media (hover: hover) {
  .subtask-del-btn:hover {
  background: rgba(255, 69, 58, 0.18) !important;
  color: #ff453a !important;
  transform: scale(1.08) !important;
}
}
/* Numbered Pip for Draft Subtasks */


.subtask-index-pip {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--mnml-orange);
  flex-shrink: 0;
}/* Liquid Glass Subtask Badge Pill in Event Cards */


.subtask-badge-pill {
  font-size: 0.70rem;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  padding: 2px 7.5px;
  border-radius: var(--radius-pill);
  color: var(--text-gray);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease;
  flex-shrink: 0;
  vertical-align: middle;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.subtask-badge-pill.all-done {
  background: rgba(170, 247, 0, 0.14);
  border-color: rgba(170, 247, 0, 0.35);
  border-top-color: rgba(170, 247, 0, 0.65);
  color: #aaf700;
  box-shadow: 0 0 10px rgba(170, 247, 0, 0.13);
}

/* Liquid Glass Project & Objective Badges in Agenda & Home Task Cards */
.agenda-card-project-badge,
.agenda-card-objective-badge {
  font-size: 0.70rem;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  padding: 2.5px 8px;
  border-radius: var(--radius-pill);
  color: var(--text-gray);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  max-width: 170px;
  cursor: pointer;
  transition: all 0.18s ease;
  user-select: none;
  -webkit-user-select: none;
  flex-shrink: 0;
  vertical-align: middle;
}

.agenda-card-objective-badge {
  max-width: 210px;
}

@media (hover: hover) {
  .agenda-card-project-badge:hover,
  .agenda-card-objective-badge:hover {
    background: rgba(255, 255, 255, 0.14);
    color: var(--text-white);
    border-color: rgba(255, 255, 255, 0.25);
    border-top-color: rgba(255, 255, 255, 0.45);
    transform: translateY(-0.5px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
  }
}

.agenda-card-project-badge:active,
.agenda-card-objective-badge:active {
  transform: scale(0.96);
  background: rgba(255, 255, 255, 0.18);
}

.agenda-card-project-badge .prj-color-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
}

.agenda-card-obj-icon {
  display: inline-flex;
  align-items: center;
  color: var(--mnml-orange);
  flex-shrink: 0;
}

.agenda-card-project-name,
.agenda-card-objective-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .agenda-card-project-badge {
    max-width: 240px;
  }
  .agenda-card-objective-badge {
    max-width: 300px;
  }
}

/* ===== AGENDA OVERDUE TASKS & RESCHEDULE UI ===== */


.agenda-overdue-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 2px;
}

.agenda-overdue-pulse {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #ff453a;
  box-shadow: none !important;
}

.agenda-overdue-count-badge {
  font-size: 0.68rem;
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 9999px;
  background: rgba(255, 69, 58, 0.15);
  color: #ff453a;
  border: 1px solid rgba(255, 69, 58, 0.3);
}

.agenda-overdue-card {
  border-left: 3px solid #ff453a !important;
  background: linear-gradient(90deg, rgba(255, 69, 58, 0.04) 0%, var(--bg-card) 20%);
}

.agenda-pending-pulse {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #ff9f0a;
  box-shadow: none !important;
}

.agenda-pending-count-badge {
  font-size: 0.68rem;
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 9999px;
  background: rgba(255, 159, 10, 0.15);
  color: #ff9f0a;
  border: 1px solid rgba(255, 159, 10, 0.35);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: 'tnum' 1, 'lnum' 1;
}

.agenda-pending-habit-card {
  border-left: 3.5px solid #ff9f0a !important;
  background: linear-gradient(90deg, rgba(255, 159, 10, 0.04) 0%, var(--liquid-glass-bg, rgba(30, 30, 30, 0.65)) 20%);
}

.agenda-overdue-badge {
  color: #ff453a;
  font-size: 0.70rem;
  font-weight: 600;
  border: 1px solid rgba(255, 69, 58, 0.35);
  background: rgba(255, 69, 58, 0.12);
  padding: 2px 7.5px;
  border-radius: var(--radius-pill);
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-overdue-badge svg {
  display: block;
  flex-shrink: 0;
}

.agenda-overdue-check-btn {
  border-color: rgba(255, 69, 58, 0.5);
}
@media (hover: hover) {
  .agenda-overdue-check-btn:hover {
    border-color: #ff453a;
  }
}

/* Overdue Card Reschedule Quick-Action Circular Button (Apple HIG Native 1:1 - Liquid Glass) */
.agenda-reschedule-btn-circle {
  -webkit-appearance: none !important;
  appearance: none !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  background: linear-gradient(135deg, rgba(255, 69, 58, 0.22) 0%, rgba(255, 69, 58, 0.08) 100%) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255, 69, 58, 0.35) !important;
  border-top: 1px solid rgba(255, 120, 110, 0.55) !important;
  color: #ff453a !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.28) !important;
  filter: none !important;
  text-shadow: none !important;
  outline: none !important;
  transition: transform 0.15s ease, background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.agenda-reschedule-btn-circle svg {
  display: block !important;
  margin: 0 !important;
  pointer-events: none !important;
}

@media (hover: hover) {
  .agenda-reschedule-btn-circle:hover {
    background: linear-gradient(135deg, rgba(255, 69, 58, 0.32) 0%, rgba(255, 69, 58, 0.14) 100%) !important;
    border-color: rgba(255, 69, 58, 0.50) !important;
    border-top: 1px solid rgba(255, 140, 130, 0.70) !important;
    box-shadow: inset 0 1px 1.5px rgba(255, 255, 255, 0.40) !important;
    filter: none !important;
    transform: scale(1.04) !important;
  }
}

.agenda-reschedule-btn-circle:active {
  transform: scale(0.92) !important;
  background: linear-gradient(135deg, rgba(255, 69, 58, 0.28) 0%, rgba(255, 69, 58, 0.12) 100%) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.30) !important;
  filter: none !important;
}

[data-theme="minimal"] .agenda-reschedule-btn-circle {
  background: linear-gradient(135deg, rgba(255, 69, 58, 0.16) 0%, rgba(255, 69, 58, 0.06) 100%) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255, 69, 58, 0.32) !important;
  border-top: 1px solid rgba(255, 120, 110, 0.50) !important;
  color: #ff3b30 !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.65) !important;
  filter: none !important;
}

[data-theme="minimal"] .agenda-reschedule-btn-circle:hover {
  background: linear-gradient(135deg, rgba(255, 69, 58, 0.26) 0%, rgba(255, 69, 58, 0.12) 100%) !important;
  border-color: rgba(255, 69, 58, 0.48) !important;
  border-top: 1px solid rgba(255, 120, 110, 0.70) !important;
  box-shadow: inset 0 1px 1.5px rgba(255, 255, 255, 0.85) !important;
}
/* Reschedule Modal Sheet Options (Liquid Glass) */


.reschedule-option-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 14px;
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  cursor: pointer;
  text-align: left;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: inherit;
  color: var(--text-white);
  -webkit-appearance: none;
  appearance: none;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.2);
  position: relative;
  overflow: hidden;
}
@media (hover: hover) {
  .reschedule-option-btn:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.28);
  border-top-color: rgba(255, 255, 255, 0.45);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.35);
  transform: translateY(-1px);
}
}


.reschedule-option-btn:active {
  background: var(--liquid-glass-bg-active);
  transform: scale(0.985);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
}

.reschedule-option-btn.active {
  border-color: rgba(170, 247, 0, 0.35);
  border-top-color: rgba(170, 247, 0, 0.7);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.20);
}

.reschedule-option-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  border-radius: 10px;
  background: rgba(170, 247, 0, 0.10);
  border: 1px solid rgba(170, 247, 0, 0.25);
  border-top: 1px solid rgba(170, 247, 0, 0.50);
  color: var(--mnml-orange) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
}

.reschedule-option-icon svg,
.reschedule-option-icon .mnml-svg-icon {
  width: 18px !important;
  height: 18px !important;
  stroke: var(--mnml-orange) !important;
  color: var(--mnml-orange) !important;
  stroke-width: 2 !important;
  display: block !important;
  flex-shrink: 0 !important;
  filter: drop-shadow(0 0 3px rgba(170, 247, 0, 0.2));
}

.reschedule-option-icon svg circle[fill="currentColor"],
.reschedule-option-icon svg [fill="currentColor"] {
  fill: var(--mnml-orange) !important;
}
@media (hover: hover) {
  .reschedule-option-btn:hover .reschedule-option-icon {
  background: rgba(170, 247, 0, 0.18);
  border-color: rgba(170, 247, 0, 0.50);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.25);
  transform: scale(1.05);
}
}

/* Keep candidate cards at natural height inside the scroll list:
   overflow:hidden on the buttons zeroes their automatic flex min-height,
   so without flex-shrink:0 they get vertically squished when the list overflows */
.assign-events-scroll-list > button {
  flex-shrink: 0;
}

/* Liquid glass treatment for the Assign-to-event modal sheet */
#assignToEventModalOverlay .modal-sheet {
  position: relative;
  background: linear-gradient(180deg, rgba(32, 32, 40, 0.78) 0%, rgba(15, 15, 21, 0.90) 100%);
  border-top: 1px solid var(--glass-rim);
  box-shadow: 0 -12px 48px rgba(0, 0, 0, 0.80), inset 0 1px 1.5px rgba(255, 255, 255, 0.32);
}

#assignToEventModalOverlay .modal-sheet::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 20%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, transparent 100%);
  border-radius: inherit;
  pointer-events: none;
}

/* Search field as a raised glass card instead of a dark well */
#assignToEventModalOverlay #assignEventSearchInput {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.03) 100%);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.22);
  border-radius: 14px;
}

#assignToEventModalOverlay #assignEventSearchInput:focus {
  box-shadow: 0 0 14px rgba(170, 247, 0, 0.11), inset 0 1px 1px rgba(255, 255, 255, 0.25);
}

/* On mobile the sheet keeps a stable height so the search input stays above
   the on-screen keyboard even when filtering leaves few or no results
   (a content-sized sheet collapses and drops behind the keyboard) */
@media (max-width: 767.98px) {
  #assignToEventModalOverlay .modal-sheet {
    min-height: 62vh;
  }
  #assignToEventModalOverlay #assignEventsScrollList {
    flex: 1 0 auto;
  }
}

.assign-events-scroll-list::-webkit-scrollbar {
  width: 5px;
}
.assign-events-scroll-list::-webkit-scrollbar-track {
  background: transparent;
}
.assign-events-scroll-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.16);
  border-radius: 4px;
}
.assign-events-scroll-list::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}

.mnml-date-picker-inline {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: var(--text-white);
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 0.8rem;
  font-family: inherit;
  outline: none;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.mnml-date-picker-inline::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}

.note-item-snippet {
  font-size: 0.85rem;
  color: var(--text-gray);
  margin-top: 3px;
  line-height: 1.35;
}/* Generic Form Inputs */


.mnml-input {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  color: #ffffff;
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-btn);
  padding: 12px 16px;
  font-family: var(--font-sans);
  font-size: 0.95rem;
  width: 100%;
  outline: none;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.20);
  transition: all 0.2s ease;
}

.mnml-input:focus {
  border-color: var(--mnml-orange);
  border-top-color: rgba(255, 255, 255, 0.45);
  box-shadow: 0 0 14px rgba(170, 247, 0, 0.13), inset 0 1px 2px rgba(0, 0, 0, 0.40);
}

.mnml-input::placeholder {
  color: var(--text-muted);
}

/* Dynamic Auto-Expanding Task Title Textarea (Mobile & Desktop) */
.agenda-title-textarea {
  resize: none !important;
  overflow: hidden !important;
  min-height: 48px;
  line-height: 1.4 !important;
  box-sizing: border-box !important;
  font-family: var(--font-sans) !important;
  field-sizing: content;
  word-break: break-word !important;
  white-space: pre-wrap !important;
}

/* Mnml Buttons (Liquid Glass) */


.mnml-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  color: var(--text-white);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-btn);
  padding: 10px 18px;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--liquid-glass-shadow);
  box-sizing: border-box;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}

.mnml-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, transparent 100%);
  border-radius: var(--radius-btn) var(--radius-btn) 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .mnml-btn:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.28);
  border-top-color: rgba(255, 255, 255, 0.45);
  box-shadow: var(--liquid-glass-shadow-hover);
  color: #ffffff;
  transform: translateY(-1px) scale(1.02);
}
}


.mnml-btn:active {
  background: var(--liquid-glass-bg-active);
  box-shadow: var(--liquid-glass-shadow-active);
  transform: translateY(1px) scale(0.97);
}

.mnml-btn.primary {
  background: var(--liquid-glass-accent-bg) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: var(--liquid-glass-accent-border) !important;
  border-top: 1px solid var(--glass-rim-accent) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  box-shadow: var(--liquid-glass-accent-shadow) !important;
}

.mnml-btn.primary::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
}
@media (hover: hover) {
  .mnml-btn.primary:hover {
  background: var(--liquid-glass-accent-bg-hover) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45), inset 0 1px 2px rgba(255, 255, 255, 0.85) !important;
  transform: translateY(-1px) scale(1.02) !important;
}
}


.mnml-btn.primary:active {
  transform: translateY(1px) scale(0.97) !important;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4) !important;
}

.mnml-btn.secondary {
  background: var(--liquid-glass-bg);
  border: var(--liquid-glass-border);
}/* Universal high-contrast rule for all lime fields and buttons */


[style*="background: #aaf700"],
[style*="background-color: #aaf700"],
[style*="background: var(--mnml-orange)"],
[style*="background-color: var(--mnml-orange)"],
.orange-solid,
.mnml-btn.primary,
.reorder-done-pill,
.month-picker-btn.selected,
.calendar-day-cell.selected,
.time-picker-item.selected,
.pill-badge,
.menu-user-avatar,
.mini-timeline-segment.seg-work {
  color: #000000 !important;
}

/* Trash Type Badges & Subdued Days Countdown (Apple iOS Native Tabular Numbers) */
.trash-type-badge {
  font-family: var(--font-sans);
  font-size: 0.70rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  letter-spacing: 0.01em;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}
.trash-type-badge.type-task {
  color: #aaf700 !important;
  background: rgba(170, 247, 0, 0.12) !important;
  border: 1px solid rgba(170, 247, 0, 0.28) !important;
}
.trash-type-badge.type-note {
  color: #0a84ff !important;
  background: rgba(10, 132, 255, 0.12) !important;
  border: 1px solid rgba(10, 132, 255, 0.28) !important;
}
.trash-type-badge.type-journal {
  color: #bf5af2 !important;
  background: rgba(191, 90, 242, 0.12) !important;
  border: 1px solid rgba(191, 90, 242, 0.28) !important;
}
.trash-type-badge.type-file {
  color: #ff9f0a !important;
  background: rgba(255, 159, 10, 0.12) !important;
  border: 1px solid rgba(255, 159, 10, 0.28) !important;
}
.trash-days-left {
  color: rgba(170, 247, 0, 0.78);
  font-family: var(--font-sans);
  font-weight: 500;
  margin-left: 6px;
  font-size: 0.78rem;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}
.trash-filter-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 6px 2px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  box-sizing: border-box;
}
.trash-filter-bar::-webkit-scrollbar {
  display: none;
}/* ===== CALENDAR / EVENTS TABS & MONTH GRID ===== */


.cal-tabs-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 16px auto;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: var(--radius-pill);
  padding: 3px;
  gap: 3px;
  box-sizing: border-box;
}

.cal-tab-btn {
  width: auto;
  box-sizing: border-box;
  background: transparent;
  border: 1px solid transparent;
  color: var(--text-gray);
  font-family: var(--font-sans);
  font-size: 0.78rem;
  font-weight: 500;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  text-align: center;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cal-tab-btn.active {
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.20);
  border-top: 1px solid var(--glass-rim);
  color: var(--text-white);
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
@media (hover: hover) {
  .cal-tab-btn:hover:not(.active) {
    color: var(--text-white);
    background: rgba(255, 255, 255, 0.04);
  }
}
/* ===== LIQUID GLASS CALENDAR WIDGET & MONTH GRID ===== */


.calendar-month-widget {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 16px;
  margin-bottom: 20px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.16);
  position: relative;
  overflow: hidden;
  /* Inside flex-column modal sheets the widget must keep its natural height,
     otherwise the day grid gets compressed and rows are clipped on phones */
  flex-shrink: 0;
}

.calendar-month-widget::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 42%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 100%);
  border-radius: 20px 20px 0 0;
  pointer-events: none;
}

.calendar-month-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}

.calendar-month-title {
  font-family: var(--font-display);
  font-size: 1.25rem;
  color: var(--text-white);
  font-weight: 600;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-pill);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.12), 0 2px 8px rgba(0, 0, 0, 0.25);
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}
@media (hover: hover) {
  .calendar-month-title:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.18);
  border-top-color: rgba(255, 255, 255, 0.38);
  color: var(--mnml-orange);
  transform: translateY(-1px);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.20), 0 4px 12px rgba(0, 0, 0, 0.35);
}
}


.calendar-month-title:active {
  transform: scale(0.97);
}

.calendar-month-title .picker-chevron {
  font-size: 0.72rem;
  color: var(--mnml-orange);
  transition: transform 0.2s ease;
}
@media (hover: hover) {
  .calendar-month-title:hover .picker-chevron {
  transform: translateY(1px);
}
}
/* Year Glass Capsule in Month-Year Picker */


.calendar-year-glass-pill {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-pill);
  padding: 6px 14px;
  box-shadow: var(--liquid-glass-shadow);
  margin-bottom: 12px;
}

.calendar-year-input {
  font-family: var(--font-clock);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-size: 1.45rem;
  color: var(--text-white);
  font-weight: 600;
  background: transparent;
  border: none;
  border-bottom: 1.5px solid transparent;
  outline: none;
  text-align: center;
  width: 90px;
  padding: 2px 0;
  margin: 0;
  -moz-appearance: textfield;
  transition: border-color 0.2s ease;
}

.calendar-year-input::-webkit-outer-spin-button,
.calendar-year-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.calendar-year-input:focus {
  border-bottom-color: var(--primary);
}/* Month & Year Picker Modal Sheet */


.month-year-picker-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 14px;
  margin-bottom: 20px;
}

.month-picker-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: var(--text-white);
  padding: 12px 6px;
  border-radius: 12px;
  font-family: var(--font-sans);
  font-size: 0.88rem;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  text-transform: capitalize;
  box-shadow: var(--liquid-glass-shadow);
  position: relative;
  overflow: hidden;
}

.month-picker-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, transparent 100%);
  border-radius: 12px 12px 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .month-picker-btn:hover {
  background: var(--liquid-glass-bg-hover);
  border: var(--liquid-glass-border-hover);
  border-top: 1px solid var(--glass-rim-strong);
  box-shadow: var(--liquid-glass-shadow-hover);
  transform: translateY(-1px) scale(1.02);
  color: var(--text-white);
}
}


.month-picker-btn:active {
  background: var(--liquid-glass-bg-active);
  transform: scale(0.96);
}

.month-picker-btn.selected {
  background: var(--liquid-glass-accent-bg) !important;
  border: var(--liquid-glass-accent-border) !important;
  border-top: 1px solid var(--glass-rim-accent) !important;
  color: #000000 !important;
  font-weight: 700;
  box-shadow: var(--liquid-glass-accent-shadow) !important;
}

.month-picker-btn.current-month:not(.selected) {
  border-color: rgba(170, 247, 0, 0.45);
  border-top-color: rgba(170, 247, 0, 0.75);
  color: var(--mnml-orange);
}/* Circular Liquid Glass Calendar Navigation Buttons */


.calendar-nav-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: var(--text-white);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1.15rem;
  line-height: 1;
  box-shadow: var(--liquid-glass-shadow);
  box-sizing: border-box;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
}

.calendar-nav-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, transparent 100%);
  border-radius: 50% 50% 0 0;
  pointer-events: none;
}
@media (hover: hover) {
  .calendar-nav-btn:hover {
  background: var(--liquid-glass-bg-hover);
  border: var(--liquid-glass-border-hover);
  border-top: 1px solid var(--glass-rim-strong);
  box-shadow: var(--liquid-glass-shadow-hover);
  color: var(--mnml-orange);
  transform: translateY(-1px) scale(1.08);
}
}


.calendar-nav-btn:active {
  background: var(--liquid-glass-bg-active);
  box-shadow: var(--liquid-glass-shadow-active);
  transform: scale(0.92);
}/* Weekday Column Headers */


.calendar-weekdays-row {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-size: 0.68rem;
  font-weight: 700;
  color: #737373;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  position: relative;
  z-index: 1;
}/* Days Grid */


.calendar-days-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  position: relative;
  z-index: 1;
}

#customDatePickerModal .calendar-days-grid {
  min-height: 252px;
  grid-template-rows: repeat(6, 1fr);
}/* Liquid Glass Day Cells */


.calendar-day-cell {
  aspect-ratio: 1;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50%;
  font-family: inherit;
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--text-white);
  cursor: pointer;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  touch-action: manipulation;
  background: transparent;
  border: 1px solid transparent;
  padding: 0;
  outline: none;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  line-height: 1 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.cal-day-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin-top: -3px;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  pointer-events: none;
}
@media (hover: hover) {
  .calendar-day-cell:hover:not(.empty) {
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-top: 1px solid var(--glass-rim);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transform: translateY(-1px) scale(1.05);
}
}


.calendar-day-cell:active:not(.empty) {
  transform: scale(0.93);
}

.calendar-day-cell.empty {
  cursor: default;
  pointer-events: none;
}

/* Other month (adjacent month) days in circular calendar grid */
.calendar-day-cell.other-month {
  color: rgba(255, 255, 255, 0.28) !important;
  font-weight: 400;
  opacity: 0.65;
}

@media (hover: hover) {
  .calendar-day-cell.other-month:hover {
    color: #ffffff !important;
    opacity: 1;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.16);
  }
}

.calendar-day-cell.other-month.has-events::after {
  opacity: 0.45;
}

.calendar-day-cell.mini.other-month {
  color: rgba(255, 255, 255, 0.25) !important;
  font-weight: 400;
  opacity: 0.65;
}

@media (hover: hover) {
  .calendar-day-cell.mini.other-month:hover {
    color: #ffffff !important;
    opacity: 1;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.20) !important;
  }
}

.calendar-day-cell.mini.other-month.has-events::after {
  opacity: 0.45;
}/* Today: Frosted Liquid Glass Tile with Glow */


.calendar-day-cell.today {
  background: rgba(170, 247, 0, 0.08);
  border: 1px solid rgba(170, 247, 0, 0.32);
  border-top: 1px solid rgba(170, 247, 0, 0.70);
  font-weight: 800;
  color: var(--mnml-orange);
  box-shadow: 0 0 12px rgba(170, 247, 0, 0.11), inset 0 1px 1px rgba(255, 255, 255, 0.30);
}/* Selected Day: Illuminated Neon Liquid Glass */


.calendar-day-cell.selected {
  background: var(--liquid-glass-accent-bg) !important;
  color: #000000 !important;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-top: 1px solid var(--glass-rim-accent) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35), inset 0 1px 1.5px rgba(255, 255, 255, 0.6) !important;
  transform: scale(1.02);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  z-index: 2;
}/* Pending Event Indicator Dot */


.calendar-day-cell.has-events::after {
  content: '';
  position: absolute;
  bottom: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--mnml-orange);
  box-shadow: 0 0 6px rgba(170, 247, 0, 0.35);
}

.calendar-day-cell.selected.has-events::after {
  background-color: #000000;
  box-shadow: none;
}/* Selected Day Header in Calendar Tab */


.calendar-selected-day-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  padding: 10px 14px;
  box-shadow: var(--liquid-glass-shadow);
}

.calendar-selected-day-title {
  font-family: var(--font-display);
  font-size: 1.15rem;
  color: var(--text-white);
  font-weight: 600;
  letter-spacing: -0.02em;
}/* ===== RECURRENT ACCORDION (Folded by default) ===== */


.recurrent-accordion-container {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 6px;
  margin-top: 14px;
  margin-bottom: 24px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.20);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.recurrent-accordion-trigger {
  width: 100%;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  cursor: pointer;
  border-radius: var(--radius-btn);
  transition: background-color 0.15s ease;
  user-select: none;
}
@media (hover: hover) {
  .recurrent-accordion-trigger:hover {
  background-color: var(--bg-card-hover);
}
}


.recurrent-accordion-chevron {
  font-size: 0.72rem;
  color: var(--text-gray);
}

.recurrent-accordion-content {
  display: none;
  padding: 4px 6px 8px 6px;
}

.recurrent-accordion-content.open {
  display: block;
  animation: fadeIn 0.2s ease;
}

/* ===== AGENDA PROJECT ACCORDIONS (Grouped Project Tasks Dropdowns) ===== */

.agenda-grouped-container {
  display: flex;
  flex-direction: column;
}

.agenda-section-title {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--text-muted);
  margin-top: 14px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4px;
}

.agenda-section-count {
  font-size: 0.72rem;
  color: var(--text-gray);
  font-weight: 600;
}

.agenda-projects-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* The project card: sleek card matching .agenda-card-item / .home-task-item */
.agenda-card-item.agenda-project-card,
.home-task-item.home-project-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  min-height: 56px !important;
  height: auto !important;
  cursor: default !important;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.20);
  transition: background 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.home-task-item.home-project-card::before {
  display: none !important;
}

.agenda-card-item.agenda-project-card.open,
.home-task-item.home-project-card.open {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.22);
  border-top-color: rgba(255, 255, 255, 0.40);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), inset 0 1px 2px rgba(255, 255, 255, 0.25);
}

.agenda-card-item.agenda-project-card.is-collapsing,
.home-task-item.home-project-card.is-collapsing {
  opacity: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-width: 0 !important;
  transform: scale(0.96) !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transition: all 0.28s cubic-bezier(0.2, 0, 0, 1) !important;
}

.agenda-project-header-row,
.home-project-header-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background-color 0.15s ease;
}

@media (hover: hover) {
  .agenda-project-header-row:hover,
  .home-project-header-row:hover {
    background-color: rgba(255, 255, 255, 0.04);
  }
}

.agenda-project-left {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  flex: 1 !important;
}

.agenda-project-left .prj-color-dot {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

.agenda-project-title {
  font-size: 0.93rem !important;
  font-weight: 600 !important;
  color: var(--text-white) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.2 !important;
}

.agenda-project-badge {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  color: var(--text-muted) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  flex-shrink: 0 !important;
  line-height: 1.2 !important;
}

.agenda-project-right {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
  margin-left: 12px !important;
}

.agenda-project-chevron {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--text-gray) !important;
  width: 22px !important;
  height: 22px !important;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), color 0.15s ease !important;
}

.agenda-project-chevron.open {
  transform: rotate(180deg) !important;
  color: var(--text-white) !important;
}

.agenda-project-drawer,
.home-project-drawer {
  display: none;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 10px 12px 10px !important;
  border-top: 1px solid var(--glass-rim);
}

.agenda-project-drawer.open,
.home-project-drawer.open {
  display: block !important;
  animation: fadeIn 0.2s ease;
}

.agenda-project-tasks-list,
.home-project-tasks-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.agenda-project-tasks-list .agenda-card-item,
.home-project-tasks-list .home-task-item {
  background: rgba(0, 0, 0, 0.38) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
  border-radius: 14px !important;
  min-height: 52px !important;
  padding: 10px 14px !important;
}

/* ===== AGENDA WORKSTATION & EVENT CARDS ENHANCEMENTS ===== */

/* Scheduled Time Pill inside note-item-header */
.agenda-time-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2.5px;
  height: 20px;
  box-sizing: border-box;
  padding: 0 4.2px 0 5px;
  background: rgba(170, 247, 0, 0.10);
  border: 1px solid rgba(170, 247, 0, 0.32);
  border-radius: var(--radius-pill);
  font-family: var(--font-sans);
  font-size: 0.70rem;
  font-weight: 600;
  color: var(--mnml-orange);
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: -0.01em;
  line-height: 1;
  vertical-align: middle;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  -webkit-font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-time-pill svg {
  width: 9px;
  height: 9px;
  stroke: var(--mnml-orange);
  stroke-width: 2.3;
  opacity: 0.95;
  flex-shrink: 0;
  display: block;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-time-pill span {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  transform: translateY(0.8px);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-card-item.completed .agenda-time-pill {
  opacity: 0.5;
  border-color: rgba(255, 255, 255, 0.12);
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.04);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-card-item.completed .agenda-time-pill svg {
  stroke: var(--text-muted);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Responsive visibility for Scheduled Time Pill:
   Mobile (< 768px): Placed in .agenda-card-submeta so note-item-title gets 100% full width and never truncates.
   Desktop (>= 768px): Placed in .note-item-header next to title. */
.agenda-time-pill-desktop {
  display: none !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-time-pill-mobile {
  display: inline-flex !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

@media (min-width: 768px) {
  .agenda-time-pill-desktop {
    display: inline-flex !important;
    font-variant-numeric: tabular-nums lining-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
  }
  .agenda-time-pill-mobile {
    display: none !important;
    font-variant-numeric: tabular-nums lining-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
  }
  .agenda-card-submeta:has(> .agenda-time-pill-mobile:only-child) {
    display: none !important;
    font-variant-numeric: tabular-nums lining-nums;
    font-feature-settings: "tnum" 1, "lnum" 1;
  }
}

/* Manual Sort: Visually hide scheduled time pills across all objects */
.agenda-manual-sort-active .agenda-time-pill,
.agenda-card-item.is-manual-sort .agenda-time-pill,
.agenda-manual-sort-active .agenda-time-pill-desktop,
.agenda-manual-sort-active .agenda-time-pill-mobile,
.agenda-card-item.is-manual-sort .agenda-time-pill-desktop,
.agenda-card-item.is-manual-sort .agenda-time-pill-mobile {
  display: none !important;
}

.agenda-manual-sort-active .agenda-card-submeta:has(> .agenda-time-pill:only-child),
.agenda-card-item.is-manual-sort .agenda-card-submeta:has(> .agenda-time-pill:only-child) {
  display: none !important;
}

/* Header View Mode Switcher (Desktop: [Lista | Calendario]) */
.agenda-view-mode-toggle {
  display: inline-flex;
  align-items: center;
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: var(--liquid-glass-border);
  border-radius: var(--radius-pill);
  padding: 3px;
  gap: 2px;
}

.agenda-view-mode-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text-gray);
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  line-height: 1;
}

@media (hover: hover) {
  .agenda-view-mode-btn:hover {
    color: var(--text-white);
    background: rgba(255, 255, 255, 0.06);
  }
}

.agenda-view-mode-btn.active {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.22);
  color: var(--text-white);
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

/* Agenda Desktop Feed Structure */
.agenda-desktop-workspace {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.agenda-desktop-feed-pane {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.agenda-feed-section {
  display: flex;
  flex-direction: column;
}

.agenda-feed-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.agenda-feed-badge {
  font-size: 0.70rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: var(--radius-pill);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-feed-badge.today {
  background: rgba(170, 247, 0, 0.14);
  border: 1px solid rgba(170, 247, 0, 0.35);
  color: var(--mnml-orange);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-feed-badge.tomorrow {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: var(--text-white);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-feed-date {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--text-white);
}

.agenda-feed-count {
  font-size: 0.75rem;
  color: var(--text-muted);
}

/* Date Grouping Blocks (in upcoming & continuous feed) */
.agenda-date-group-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.agenda-date-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 2px 4px 2px;
}

.agenda-date-badge {
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--text-gray);
}

.agenda-date-badge.future {
  color: #e5e5ea;
  border-color: rgba(255, 255, 255, 0.16);
}

.agenda-date-sub {
  font-size: 0.78rem;
  color: var(--text-muted);
}

/* Desktop Right Pane View Switcher (Day / Upcoming) - Matches Notes Project Chips */
.agenda-desktop-view-switcher {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: none;
  padding: 0;
}

/* Desktop Sidebar Cards */
.agenda-desktop-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 18px;
  padding: 14px;
  box-shadow: var(--liquid-glass-shadow);
}

.agenda-sidebar-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

/* Mini Calendar Card */
.agenda-mini-cal-card {
  width: 100%;
  box-sizing: border-box;
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 18px;
  padding: 14px;
  box-shadow: var(--liquid-glass-shadow);
}

.agenda-mini-cal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.agenda-mini-cal-title {
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--text-white);
  letter-spacing: -0.01em;
}

.agenda-mini-cal-nav {
  display: flex;
  align-items: center;
  gap: 4px;
}

.agenda-mini-nav-btn {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--text-gray);
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.agenda-mini-nav-btn.circle {
  width: 26px;
  height: 26px;
  border-radius: 50% !important;
  font-size: 0.95rem;
  padding: 0;
  line-height: 1;
}

.agenda-mini-nav-btn.pill {
  border-radius: var(--radius-pill) !important;
  font-size: 0.72rem;
  font-weight: 600;
  padding: 3px 8px;
}

.agenda-mini-nav-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  color: var(--text-white);
  border-color: rgba(255, 255, 255, 0.22);
}

.calendar-weekdays-row.mini {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  justify-items: center;
  align-items: center;
  text-align: center;
  font-size: 0.65rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 6px;
  width: 100%;
  box-sizing: border-box;
}

.calendar-days-grid.mini {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  row-gap: 3px;
  justify-items: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.calendar-day-cell.mini {
  aspect-ratio: 1;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 500;
  border-radius: 50% !important;
  color: #c9c9cf;
  cursor: pointer;
  position: relative;
  transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
  background: transparent;
  border: 1px solid transparent;
  padding: 0;
  box-sizing: border-box;
}

.calendar-day-cell.mini:hover:not(.empty) {
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  color: #ffffff;
  transform: scale(1.08);
  border-radius: 50% !important;
}

.calendar-day-cell.mini.today {
  color: var(--mnml-orange);
  font-weight: 700;
  border: 1px solid rgba(170, 247, 0, 0.38) !important;
  border-top: 1px solid rgba(170, 247, 0, 0.75) !important;
  background: rgba(170, 247, 0, 0.08) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 10px rgba(170, 247, 0, 0.1);
}

.calendar-day-cell.mini.selected {
  background: var(--liquid-glass-accent-bg) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-top: 1px solid var(--glass-rim-accent) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
  transform: none !important;
  border-radius: 50% !important;
  z-index: 2;
}

.calendar-day-cell.mini.selected .cal-dot-task,
.calendar-day-cell.mini.selected .cal-dot-event,
.calendar-day-cell.mini.selected .cal-dot-objective {
  background-color: #000000 !important;
  box-shadow: none !important;
}

.calendar-day-cell.mini.has-events::after {
  content: '';
  position: absolute;
  bottom: 3px;
  width: 3.5px;
  height: 3.5px;
  border-radius: 50% !important;
  background-color: var(--mnml-orange);
  box-shadow: 0 0 4px rgba(170, 247, 0, 0.3);
}

.calendar-day-cell.mini.selected.has-events::after {
  background-color: #000000;
  box-shadow: none;
}

/* Sidebar Quick Inbox Form (Liquid glass capsule matching Lima) */
.agenda-sidebar-quick-form {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-pill);
  padding: 4px 5px 4px 12px;
  gap: 8px;
  transition: all 0.2s ease;
}

.agenda-sidebar-quick-form:focus-within {
  border-color: rgba(170, 247, 0, 0.45);
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 0 14px rgba(170, 247, 0, 0.09);
}

.agenda-sidebar-quick-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: var(--text-white);
  font-family: var(--font-sans);
  font-size: 0.82rem;
  padding: 4px 0;
  min-width: 0;
}

.agenda-sidebar-quick-input::placeholder {
  color: var(--text-muted);
  font-size: 0.80rem;
}

.agenda-sidebar-quick-btn {
  background: var(--liquid-glass-accent-bg);
  border: var(--liquid-glass-accent-border);
  color: #000000;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
  padding: 0;
}

.agenda-sidebar-quick-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

/* Quick Add Capsule for Inbox Tab (Matches Lima Apple Liquid Glass) */
.agenda-quick-inbox-form {
  display: flex;
  align-items: center;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-pill);
  padding: 5px 6px 5px 16px;
  gap: 10px;
  margin: 0 auto 18px auto;
  max-width: 760px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: var(--liquid-glass-shadow);
  box-sizing: border-box;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.agenda-quick-inbox-form:focus-within {
  border-color: rgba(170, 247, 0, 0.45);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: 0 0 16px rgba(170, 247, 0, 0.12), inset 0 1px 1.5px rgba(255, 255, 255, 0.22);
}

.agenda-quick-inbox-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted);
  flex-shrink: 0;
  pointer-events: none;
}

.agenda-quick-inbox-input {
  flex: 1;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: var(--text-white);
  font-family: var(--font-sans);
  font-size: 0.88rem;
  padding: 6px 0;
  margin: 0;
  min-width: 0;
  line-height: normal;
}

.agenda-quick-inbox-input::placeholder {
  color: var(--text-muted);
  font-size: 0.84rem;
}

.agenda-quick-inbox-btn {
  -webkit-appearance: none;
  appearance: none;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  background: var(--liquid-glass-accent-bg);
  border: var(--liquid-glass-accent-border);
  border-top: 1px solid var(--glass-rim-accent);
  color: #000000;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.agenda-quick-inbox-btn svg {
  display: block !important;
  margin: 0 !important;
  pointer-events: none;
}

.agenda-quick-inbox-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 4px 14px rgba(170, 247, 0, 0.35);
}

.agenda-quick-inbox-btn:active {
  transform: scale(0.94);
}

/* Desktop Inbox Mini List & Items */
.agenda-desktop-inbox-card {
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.agenda-mini-inbox-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 240px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
}

.agenda-mini-inbox-list::-webkit-scrollbar {
  width: 4px;
  height: 0px !important;
  display: block;
}

.agenda-mini-inbox-list::-webkit-scrollbar-track {
  background: transparent;
}

.agenda-mini-inbox-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 4px;
}

.inbox-mini-item {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-top: 1px solid var(--glass-rim) !important;
  transition: all 0.15s ease !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.inbox-mini-item:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  transform: none !important;
}

/* ===== AGENDA FULL GOOGLE CALENDAR SUITE (VISTA DE MES Y SEMANA) ===== */

.agenda-calendar-view-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 0;
}

.agenda-calendar-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 14px;
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-pill);
  box-shadow: var(--liquid-glass-shadow);
  flex-wrap: wrap;
}

.agenda-cal-nav-group {
  display: flex;
  align-items: center;
  gap: 8px;
}

.agenda-cal-current-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text-white);
  letter-spacing: -0.01em;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 6px;
  user-select: none;
  font-family: var(--font-display);
}

.agenda-cal-view-switcher {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: var(--radius-pill);
  padding: 2px;
  gap: 2px;
}

/* 1. Full Month Grid Styles */
.cal-month-full-grid-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 12px;
  box-shadow: var(--liquid-glass-shadow);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}

.cal-month-full-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-size: 0.70rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted);
  padding: 6px 0 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.cal-month-full-cells-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border-left: 1px solid rgba(255, 255, 255, 0.06);
  border-top: 1px solid var(--glass-rim);
}

.cal-month-full-cell {
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  min-height: 110px;
  padding: 6px 7px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  transition: background 0.15s ease;
  cursor: pointer;
  background: transparent;
  position: relative;
  box-sizing: border-box;
}

.cal-month-full-cell:hover {
  background: rgba(255, 255, 255, 0.03);
}

.cal-month-full-cell.other-month {
  opacity: 0.35;
  background: rgba(0, 0, 0, 0.15);
}

.cal-month-full-cell.is-today {
  background: rgba(170, 247, 0, 0.035);
}

.cal-month-cell-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
}

.cal-month-cell-daynum {
  font-size: 0.78rem;
  font-weight: 600;
  color: #c9c9cf;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.cal-month-cell-daynum.today-disc {
  background: var(--liquid-glass-accent-bg) !important;
  color: #000000 !important;
  font-weight: 800 !important;
  box-shadow: 0 0 10px rgba(170, 247, 0, 0.23);
}

.cal-month-cell-add-btn {
  opacity: 0;
  background: rgba(255, 255, 255, 0.10);
  border: none;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  color: var(--text-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  cursor: pointer;
  transition: opacity 0.15s ease, transform 0.15s ease;
  padding: 0;
}

.cal-month-full-cell:hover .cal-month-cell-add-btn {
  opacity: 1;
}

.cal-month-cell-add-btn:hover {
  background: var(--liquid-glass-accent-bg);
  color: #000000;
  transform: scale(1.15);
}

.cal-month-cell-chips-wrap {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
}

.cal-month-event-chip {
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 6px;
  padding: 2px 6px;
  font-size: 0.70rem;
  color: var(--text-white);
  cursor: pointer;
  transition: all 0.15s ease;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.25;
}

.cal-month-event-chip:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.22);
  transform: translateY(-1px);
}

.cal-month-event-chip.completed {
  opacity: 0.45;
  text-decoration: line-through;
}

.cal-chip-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.cal-chip-time {
  font-size: 0.64rem;
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-weight: 600;
  color: var(--mnml-orange);
  flex-shrink: 0;
}

.cal-chip-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.cal-month-more-chip {
  background: transparent;
  border: none;
  color: var(--mnml-orange);
  font-size: 0.68rem;
  font-weight: 600;
  padding: 2px 4px;
  text-align: left;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.15s ease;
}

.cal-month-more-chip:hover {
  background: rgba(170, 247, 0, 0.10);
}

/* 2. Full Week Grid Styles */
.cal-week-full-grid-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 12px;
  box-shadow: var(--liquid-glass-shadow);
  overflow-x: auto;
  width: 100%;
  box-sizing: border-box;
}

.cal-week-columns-container {
  display: grid;
  grid-template-columns: repeat(7, minmax(130px, 1fr));
  gap: 10px;
  min-width: 100%;
}

.cal-week-day-col {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 480px;
  transition: all 0.2s ease;
}

.cal-week-day-col:hover {
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(255, 255, 255, 0.12);
}

.cal-week-day-col.is-today {
  background: rgba(170, 247, 0, 0.04);
  border-color: rgba(170, 247, 0, 0.30);
  box-shadow: 0 0 16px rgba(170, 247, 0, 0.04);
}

.cal-week-col-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.cal-week-col-header-info {
  display: flex;
  align-items: center;
  gap: 6px;
}

.cal-week-col-dayname {
  font-size: 0.70rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
}

.cal-week-col-daynum {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-white);
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.cal-week-col-daynum.today-disc {
  background: var(--liquid-glass-accent-bg) !important;
  color: #000000 !important;
  font-weight: 800 !important;
  box-shadow: 0 0 10px rgba(170, 247, 0, 0.23);
}

.cal-week-col-count {
  font-size: 0.68rem;
  color: var(--text-muted);
  padding: 1px 6px;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.04);
}

.cal-week-col-count.active {
  background: rgba(170, 247, 0, 0.12);
  color: var(--mnml-orange);
  font-weight: 700;
}

.cal-week-col-cards-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
  flex: 1;
}

.cal-week-col-empty {
  font-size: 0.75rem;
  color: var(--text-muted);
  text-align: center;
  padding: 30px 6px;
  opacity: 0.6;
}

.cal-week-task-card {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 7px 8px 7px 12px;
  position: relative;
  overflow: visible;
  transition: all 0.15s ease;
}

.cal-week-task-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3.5px;
  background: var(--card-accent-color, var(--mnml-orange));
  border-radius: 0 2px 2px 0;
}

.cal-week-task-card:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.16);
  transform: translateY(-1px);
}

.cal-week-task-card.completed {
  opacity: 0.45;
}

.cal-week-task-card .agenda-check-btn.mini {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  flex-shrink: 0;
  margin-top: 1px;
}

.cal-week-task-card .agenda-check-btn.mini.checked::after {
  width: 7.5px;
  height: 4.5px;
  border-left-width: 2px;
  border-bottom-width: 2px;
  transform: rotate(-45deg) translate(0.5px, -0.8px);
}

.cal-week-task-title {
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--text-white);
  line-height: 1.25;
  word-break: break-word;
}

.cal-week-task-title.done {
  text-decoration: line-through;
  color: var(--text-muted);
}

.cal-week-task-time {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-weight: 600;
  font-size: 0.68rem;
  color: var(--mnml-orange);
  margin-top: 3px;
}

.cal-week-col-footer {
  padding-top: 6px;
  border-top: 1px solid var(--glass-rim);
}

.cal-week-col-add-btn {
  width: 100%;
  padding: 5px;
  background: transparent;
  border: 1px dashed rgba(255, 255, 255, 0.10);
  border-radius: 8px;
  color: var(--text-muted);
  font-size: 0.72rem;
  cursor: pointer;
  transition: all 0.15s ease;
}

.cal-week-col-add-btn:hover {
  background: rgba(170, 247, 0, 0.08);
  border-color: rgba(170, 247, 0, 0.35);
  border-style: solid;
  color: var(--mnml-orange);
}

@media (max-width: 767px) {
  .agenda-calendar-toolbar {
    flex-wrap: nowrap;
    padding: 6px 8px;
    gap: 6px;
  }
  .agenda-cal-nav-group {
    gap: 4px;
    min-width: 0;
    flex: 1;
  }
  .agenda-cal-current-title {
    font-size: 0.88rem;
    margin-left: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .agenda-mini-nav-btn.circle {
    width: 24px;
    height: 24px;
    min-width: 24px;
    font-size: 0.88rem;
  }
  .agenda-mini-nav-btn.pill {
    padding: 2px 7px;
    font-size: 0.70rem;
  }
  .agenda-cal-view-switcher {
    flex-shrink: 0;
  }
  .agenda-view-mode-btn {
    padding: 4px 8px;
    font-size: 0.70rem;
  }
  .cal-month-full-cell {
    min-height: 65px;
    padding: 3px;
  }
  .cal-month-event-chip {
    padding: 1px 3px;
    font-size: 0.62rem;
  }
  .cal-chip-time {
    display: none;
  }
  .cal-week-columns-container {
    grid-template-columns: repeat(7, 140px);
    scroll-snap-type: x mandatory;
  }
  .cal-week-day-col {
    scroll-snap-align: center;
    min-height: 400px;
  }
}

/* ===== CUSTOM TESSERACT DATE & TIME PICKER STYLES ===== */


.custom-picker-trigger {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-btn);
  padding: 11px 14px;
  font-family: var(--font-sans);
  font-size: 0.92rem;
  color: var(--text-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  box-shadow: var(--liquid-glass-shadow);
  box-sizing: border-box;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}
@media (hover: hover) {
  .custom-picker-trigger:hover {
  background: var(--liquid-glass-bg-hover);
  border: var(--liquid-glass-border-hover);
  border-top-color: rgba(255, 255, 255, 0.45);
  box-shadow: var(--liquid-glass-shadow-hover);
  color: var(--text-white);
  transform: translateY(-1px);
}
}


.custom-picker-trigger:active {
  background: var(--liquid-glass-bg-active);
  transform: scale(0.98);
}/* Time Picker 2-Column Wheel UI */


/* ==========================================================================
   Liquid Glass Time Picker Modal Sheet UI
   ========================================================================== */
#customTimePickerModal .modal-sheet {
  position: relative;
  background: linear-gradient(180deg, rgba(28, 28, 36, 0.85) 0%, rgba(13, 13, 18, 0.95) 100%);
  backdrop-filter: blur(48px) saturate(210%);
  -webkit-backdrop-filter: blur(48px) saturate(210%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-top: 1px solid var(--glass-rim-strong);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.88), inset 0 1px 2px rgba(255, 255, 255, 0.35);
  border-radius: 26px;
  padding: 22px 20px 20px;
  overflow: hidden;
}

#customTimePickerModal .modal-sheet::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 28%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.09) 0%, transparent 100%);
  border-radius: inherit;
  pointer-events: none;
}

#customTimePickerModal #closeTimePickerModalBtn {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: var(--text-gray);
  border-radius: 50%;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (hover: hover) {
  #customTimePickerModal #closeTimePickerModalBtn:hover {
    background: rgba(255, 255, 255, 0.18);
    color: var(--text-white);
    border-color: rgba(255, 255, 255, 0.3);
    transform: scale(1.05);
  }
}

.time-quick-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin-bottom: 14px;
}

.time-chip-btn {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 6px 11px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (hover: hover) {
  .time-chip-btn:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.26);
    color: var(--text-white);
    transform: translateY(-1px);
  }
}

.time-chip-btn.active {
  background: rgba(170, 247, 0, 0.18);
  border-color: rgba(170, 247, 0, 0.5);
  color: var(--mnml-orange);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.time-picker-wheels-container {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin: 12px 0 18px;
  position: relative;
}

.time-picker-column-wrap {
  flex: 1;
  max-width: 136px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.time-picker-column-label {
  font-size: 0.70rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 8px;
}

.time-picker-column {
  position: relative;
  width: 100%;
  height: 190px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
  background: rgba(10, 10, 14, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 18px;
  padding: 72px 6px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.6), inset 0 0 1px rgba(255, 255, 255, 0.12);
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.time-picker-column::-webkit-scrollbar {
  display: none;
}

.time-picker-item {
  padding: 8px 10px;
  border-radius: 10px;
  text-align: center;
  font-size: 1.12rem;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: rgba(255, 255, 255, 0.65);
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  flex-shrink: 0;
}

@media (hover: hover) {
  .time-picker-item:hover {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-white);
  }
}

.time-picker-item.selected {
  background: var(--mnml-orange) !important;
  color: #000000 !important;
  font-weight: 700;
  transform: scale(1.06);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.6);
}

#customTimePickerModal #confirmTimePickerBtn {
  background: var(--liquid-glass-accent-bg);
  border: var(--liquid-glass-accent-border);
  box-shadow: var(--liquid-glass-accent-shadow);
  color: #000000;
  font-weight: 700;
  border-radius: 14px;
  padding: 13px;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

#customTimePickerModal #confirmTimePickerBtn:active {
  transform: scale(0.98);
}
/* ===== CLOCK APP STYLES (Gallery, Drag-and-Drop Timeline Builder & Player) ===== *//* 1. GALLERY VIEW */




.focus-gallery-body {
  flex: 1;
  overflow-y: auto;
  padding: 12px 16px 24px;
}

.focus-gallery-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.preset-gallery-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  cursor: pointer;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: var(--liquid-glass-shadow);
  position: relative;
  overflow: hidden;
}

.preset-gallery-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 42%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 100%);
  border-radius: 20px 20px 0 0;
  pointer-events: none;
}

@media (hover: hover) {
  .preset-gallery-card:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.28);
    border-top-color: rgba(255, 255, 255, 0.45);
    transform: translateY(-2px);
    box-shadow: var(--liquid-glass-shadow-hover);
  }
}

.preset-gallery-card:active {
  background: var(--liquid-glass-bg-active);
  transform: translateY(0);
  box-shadow: var(--liquid-glass-shadow-active);
}

.preset-gallery-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  z-index: 1;
}

.preset-card-title-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.preset-card-title-text {
  font-family: var(--font-sans);
  font-size: 1.05rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
}

.preset-card-meta-text {
  font-size: 0.74rem;
  color: var(--text-gray);
  line-height: 1.35;
}

.preset-card-time-badge {
  background: rgba(170, 247, 0, 0.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(170, 247, 0, 0.35);
  border-top: 1px solid var(--glass-rim-strong);
  color: var(--mnml-orange);
  font-size: 0.8rem;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: var(--radius-pill);
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.30), inset 0 1px 1px rgba(255, 255, 255, 0.25);
}

/* Mini Visual Timeline Bar inside Cards - Sleek Task Progress Pill Style */
.preset-mini-timeline-bar {
  display: flex;
  gap: 2px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
  padding: 2px;
  border-radius: 9999px;
  border: none;
  overflow: hidden;
  height: 22px;
  align-items: stretch;
  position: relative;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
}

.mini-timeline-segment {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  min-width: 24px;
  overflow: hidden;
  position: relative;
  transition: flex 0.2s ease, transform 0.15s ease;
}

.mini-timeline-segment.seg-work {
  background: #aaf700;
  color: #000000;
  border: none;
  box-shadow: none;
}

.mini-timeline-segment.seg-break {
  background: #ff9f0a;
  color: #000000;
  border: none;
  box-shadow: none;
}

.seg-label {
  font-family: var(--font-sans);
  font-size: 0.68rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  letter-spacing: -0.01em;
  padding: 0 4px;
  white-space: nowrap;
  pointer-events: none;
  color: #000000;
  line-height: 1;
  text-shadow: none;
}

.preset-gallery-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 0;
  border-top: none !important;
  position: relative;
  z-index: 1;
}

.preset-play-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.22);
  position: relative;
  overflow: hidden;
}

.preset-play-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, transparent 100%);
  border-radius: var(--radius-pill) var(--radius-pill) 0 0;
  pointer-events: none;
}

.preset-play-btn:active {
  transform: translateY(1px) scale(0.97);
}

@media (hover: hover) {
  .preset-play-btn:hover {
    background: var(--liquid-glass-accent-bg);
    border-color: var(--liquid-glass-accent-border);
    border-top-color: rgba(255, 255, 255, 0.7);
    color: #000000;
    box-shadow: var(--liquid-glass-accent-shadow);
    transform: translateY(-1px);
  }
}

.preset-card-tools {
  display: flex;
  align-items: center;
  gap: 6px;
}

.preset-tool-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  color: var(--text-gray);
  cursor: pointer;
  padding: 7px 10px;
  font-size: 0.95rem;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  transition: all 0.18s ease;
}

.preset-tool-btn:active {
  transform: scale(0.94);
}

@media (hover: hover) {
  .preset-tool-btn:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.30);
    color: #ffffff;
  }
  .preset-tool-btn.delete:hover {
    background: rgba(255, 69, 58, 0.20);
    border-color: rgba(255, 69, 58, 0.45);
    border-top-color: rgba(255, 255, 255, 0.45);
    color: #ff453a;
    box-shadow: 0 4px 12px rgba(255, 69, 58, 0.25);
  }
}

/* Empty Gallery State */
.gallery-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 44px 20px;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  box-shadow: var(--liquid-glass-shadow);
  color: var(--text-muted);
}

.gallery-empty-icon {
  margin-bottom: 16px;
  color: var(--text-gray);
  opacity: 0.6;
}

.gallery-empty-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 6px;
}

.gallery-empty-sub {
  font-size: 0.82rem;
  max-width: 280px;
  line-height: 1.4;
  color: var(--text-gray);
}/* 2. TIMELINE BUILDER VIEW */


.focus-builder-body {
  flex: 1;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 4px 0 30px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  overflow-x: hidden;
}

/* ==========================================================================
   2. APPLE ADVANCED TEMPLATE BUILDER (Spatial, Clean, Zero-Clutter)
   ========================================================================== */
.apple-builder-view {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  padding: 12px 0 40px;
  box-sizing: border-box;
  overflow: visible;
}

.apple-builder-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
  width: 100%;
}

.builder-nav-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: #ffffff;
  padding: 7px 16px;
  border-radius: 9999px;
  font-family: var(--font-sans);
  font-size: 0.82rem;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.2);
  transition: all 0.16s ease;
  outline: none;
}

.builder-nav-btn:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.25);
}

.builder-nav-btn:active {
  transform: scale(0.95);
}

.builder-header-title {
  font-family: var(--font-sans);
  font-size: 1.05rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
}

.builder-save-pill {
  background: var(--liquid-glass-accent-bg) !important;
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  color: #000000 !important;
  border: var(--liquid-glass-accent-border) !important;
  border-top: 1px solid var(--glass-rim-accent) !important;
  padding: 7px 18px;
  border-radius: 9999px;
  font-family: var(--font-sans);
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: var(--liquid-glass-accent-shadow) !important;
  outline: none;
  transition: transform 0.14s ease, background 0.14s ease;
}

.builder-save-pill::before {
  display: none !important;
}

.builder-save-pill:hover {
  background: var(--liquid-glass-accent-bg-hover) !important;
  box-shadow: var(--liquid-glass-accent-shadow) !important;
}

.builder-save-pill:active {
  transform: scale(0.94);
}

/* Grouped Card for General Info */
.builder-grouped-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 6px 18px;
  margin-bottom: 22px;
  box-shadow: var(--liquid-glass-shadow);
  position: relative;
  overflow: visible;
}

.builder-grouped-card.open-dropdown,
.builder-grouped-card:has(.custom-dropdown-container.open),
.builder-grouped-card:has(.custom-dropdown-menu.show),
.builder-grouped-card:has(.custom-dropdown-trigger.open) {
  z-index: 9999 !important;
  position: relative !important;
}

#builderProjectDropdown.open,
#builderProjectDropdown:has(.custom-dropdown-menu.show) {
  z-index: 10000 !important;
  position: relative !important;
}

#builderProjectDropdown .custom-dropdown-menu {
  background: rgba(18, 18, 24, 0.98) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-top: 1px solid var(--glass-rim) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.85) !important;
  z-index: 99999 !important;
}

[data-theme="minimal"] #builderProjectDropdown .custom-dropdown-menu {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-top: 1px solid #ffffff !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15) !important;
}

#builderProjectTrigger {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-top: 1px solid var(--glass-rim) !important;
  border-radius: 12px !important;
}

[data-theme="minimal"] #builderProjectTrigger {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

.builder-field-row {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 48px;
}

.builder-field-label {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-muted);
  width: 80px;
  flex-shrink: 0;
}

.builder-field-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 500;
  padding: 8px 0;
}

.builder-field-input::placeholder {
  color: rgba(255, 255, 255, 0.35);
}

.builder-field-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  width: 100%;
}

.builder-field-select {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 500;
  padding: 8px 0;
  cursor: pointer;
}

.builder-field-select option {
  background: #18181b;
  color: #ffffff;
}

/* Section Header */
.builder-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-bottom: 24px;
}

.builder-section-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 0 4px;
  width: 100%;
}

.builder-sec-title {
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
}

.builder-sec-stats {
  font-size: 0.78rem;
  font-weight: 600;
  color: #ffffff;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Proportional Sequence Strip Preview */
.builder-preview-strip {
  display: flex;
  gap: 4px;
  width: 100%;
  height: 34px;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: 12px;
  padding: 3px;
  box-sizing: border-box;
  margin-bottom: 4px;
  overflow: hidden;
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.4);
}

.builder-preview-segment {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  min-width: 24px;
  overflow: hidden;
  padding: 0 4px;
  transition: all 0.15s ease;
}

.builder-preview-segment.work {
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.92) 0%, rgba(135, 205, 0, 0.85) 100%);
  color: #000000;
  font-weight: 700;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.builder-preview-segment.break {
  background: linear-gradient(135deg, rgba(255, 159, 10, 0.92) 0%, rgba(220, 130, 0, 0.85) 100%);
  color: #000000;
  font-weight: 700;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.builder-preview-label {
  font-size: 0.68rem;
  white-space: nowrap;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Quick Add Row (2 side-by-side sleek buttons) */
.builder-quick-add-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 4px 0 10px;
}

.builder-add-block-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 8px;
  border-radius: 12px;
  font-family: var(--font-sans);
  font-size: 0.80rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.16s ease;
  outline: none;
  user-select: none;
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box !important;
  width: 100%;
}

.builder-add-block-btn.work {
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.16) 0%, rgba(170, 247, 0, 0.06) 100%);
  border: 1px solid rgba(170, 247, 0, 0.28);
  border-top: 1px solid rgba(170, 247, 0, 0.45);
  color: #aaf700;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(170, 247, 0, 0.2);
}

.builder-add-block-btn.work:hover {
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.24) 0%, rgba(170, 247, 0, 0.10) 100%);
  border-color: rgba(170, 247, 0, 0.45);
}

.builder-add-block-btn.break {
  background: linear-gradient(135deg, rgba(255, 159, 10, 0.16) 0%, rgba(255, 159, 10, 0.06) 100%);
  border: 1px solid rgba(255, 159, 10, 0.28);
  border-top: 1px solid rgba(255, 159, 10, 0.45);
  color: #ff9f0a;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 159, 10, 0.2);
}

.builder-add-block-btn.break:hover {
  background: linear-gradient(135deg, rgba(255, 159, 10, 0.24) 0%, rgba(255, 159, 10, 0.10) 100%);
  border-color: rgba(255, 159, 10, 0.45);
}

/* Block Cards List */
.builder-blocks-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.builder-block-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  padding: 8px 10px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  box-shadow: var(--liquid-glass-shadow);
  transition: all 0.16s ease;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
}

.builder-block-card.is-dragging {
  background: rgba(26, 26, 32, 0.98) !important;
  border-color: #aaf700 !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.85), 0 0 16px rgba(170, 247, 0, 0.25) !important;
  transform: scale(1.02);
  z-index: 1000 !important;
}

.builder-block-card.work {
  border-left: 3px solid #aaf700;
}

.builder-block-card.break {
  border-left: 3px solid #ff9f0a;
}

.builder-block-type-wrap {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  overflow: visible;
  box-sizing: border-box;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  flex-shrink: 0;
}

.builder-block-type-wrap:active {
  cursor: grabbing;
}

.builder-drag-grip {
  display: block;
  opacity: 0.38;
  transition: opacity 0.16s ease, color 0.16s ease;
  pointer-events: none;
  flex-shrink: 0;
}

.builder-block-card:hover .builder-drag-grip {
  opacity: 0.75;
}

.builder-block-card.is-dragging .builder-drag-grip {
  opacity: 1 !important;
  color: #aaf700 !important;
}

.builder-block-num {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  flex-shrink: 0;
}

.builder-type-pill {
  padding: 2px 7px;
  border-radius: 9999px;
  font-size: 0.70rem;
  font-weight: 700;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  box-sizing: border-box;
  flex-shrink: 0;
}

.builder-type-pill.work {
  background: rgba(170, 247, 0, 0.14);
  border: 1px solid rgba(170, 247, 0, 0.28);
  color: #aaf700;
}

.builder-type-pill.break {
  background: rgba(255, 159, 10, 0.14);
  border: 1px solid rgba(255, 159, 10, 0.28);
  color: #ff9f0a;
}

.builder-stepper-box {
  display: inline-flex;
  align-items: center;
  justify-self: center;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 10px;
  padding: 2px 3px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35);
  box-sizing: border-box;
}

.builder-step-btn {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  border-radius: 6px;
  background: transparent;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  transition: background 0.14s ease;
  outline: none;
  box-sizing: border-box !important;
}

.builder-step-btn svg {
  width: 10px !important;
  height: 10px !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
  flex-shrink: 0 !important;
}

.builder-step-btn:hover {
  background: rgba(255, 255, 255, 0.10);
}

.builder-num-wrap {
  display: flex;
  align-items: baseline;
  justify-content: center;
  padding: 0 1px;
  min-width: 38px;
}

.builder-num-input {
  width: 26px;
  background: transparent;
  border: none;
  outline: none;
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 0.90rem;
  font-weight: 700;
  text-align: right;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  -moz-appearance: textfield;
  appearance: textfield;
}

.builder-num-input::-webkit-outer-spin-button,
.builder-num-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.builder-min-suffix {
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-left: 1px;
}

.builder-tool-btn.delete {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  color: var(--text-muted);
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: end !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  cursor: pointer;
  transition: all 0.16s ease;
  outline: none;
  box-sizing: border-box !important;
  flex-shrink: 0;
}

.builder-tool-btn.delete:hover {
  background: rgba(255, 69, 58, 0.20) !important;
  border-color: rgba(255, 69, 58, 0.40) !important;
  color: #ff453a !important;
}

.builder-tool-btn.delete:active {
  transform: scale(0.92);
}

.builder-empty-drop {
  padding: 32px 16px;
  text-align: center;
  border: 1.5px dashed rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  color: var(--text-muted);
  font-size: 0.82rem;
}

/* Strict Zero-Brillo Enforcement on Builder Buttons */
.apple-builder-view .mnml-btn.primary,
.clock-content-area .mnml-btn.primary {
  background: #aaf700 !important;
  color: #000000 !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: none !important;
}

.apple-builder-view .mnml-btn.primary::before,
.clock-content-area .mnml-btn.primary::before {
  display: none !important;
}

/* 3. TIMER PLAYER VIEW */


.focus-player-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 16px 24px;
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
  min-height: calc(100% - 60px);
}

/* Timeline Horizontal Scrolling Track */
.player-timeline-track-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow-x: auto;
  padding: 4px 0 8px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.player-timeline-track-wrap::-webkit-scrollbar {
  display: none;
}

.player-timeline-track {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 4px 6px;
  margin: 0 auto;
  width: max-content;
  max-width: 100%;
}

.player-track-segment {
  position: relative;
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  border-radius: 12px;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  min-width: 60px;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

@media (hover: hover) {
  .player-track-segment:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.25);
  }
}

.player-track-segment.track-current {
  background: rgba(170, 247, 0, 0.14);
  border-color: rgba(170, 247, 0, 0.50);
  border-top-color: rgba(255, 255, 255, 0.55);
  box-shadow: 0 0 16px rgba(170, 247, 0, 0.15), inset 0 1px 1px rgba(255, 255, 255, 0.35);
}

.player-track-segment.track-completed {
  opacity: 0.45;
  border-color: rgba(255, 255, 255, 0.08);
}

.track-segment-content {
  display: flex;
  align-items: center;
  gap: 5px;
}

.track-segment-num {
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--text-muted);
}

.player-track-segment.track-current .track-segment-num {
  color: var(--mnml-orange);
}

.track-segment-type {
  font-size: 0.68rem;
  font-weight: 700;
}

.type-work .track-segment-type {
  color: var(--mnml-orange);
}

.type-break .track-segment-type {
  color: #a0a0a0;
}

.track-segment-dur {
  font-size: 0.68rem;
  color: var(--text-gray);
  font-weight: 600;
}

.track-active-indicator {
  position: absolute;
  bottom: -4px;
  width: 14px;
  height: 3px;
  border-radius: 2px;
  background: var(--mnml-orange);
  box-shadow: 0 0 6px var(--mnml-orange);
}

/* Active Block Info */
.player-active-block-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 18px;
  padding: 12px 24px;
  box-shadow: var(--liquid-glass-shadow);
}

.player-active-type-pill {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 5px 14px;
  border-radius: var(--radius-pill);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.player-active-type-pill.work {
  background: rgba(170, 247, 0, 0.16);
  border: 1px solid rgba(170, 247, 0, 0.40);
  border-top: 1px solid var(--glass-rim-strong);
  color: var(--mnml-orange);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.player-active-type-pill.break {
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-top: 1px solid var(--glass-rim);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.player-active-sub {
  font-size: 0.75rem;
  color: var(--text-gray);
}

/* Big Time Display */
.player-time-display-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: none;
}

.player-big-time {
  font-family: var(--font-rounded);
  font-size: 5rem;
  font-weight: 800;
  line-height: 1;
  color: #ffffff;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.6);
}

.player-time-hint {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-top: 6px;
  text-transform: lowercase;
}

/* Controls */
.player-controls-row {
  display: flex;
  align-items: center;
  gap: 18px;
}

.player-main-action-btn {
  width: 72px !important;
  height: 72px !important;
  font-size: 1.4rem !important;
}

.player-main-action-btn:not(.orange-solid) {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim-strong) !important;
  color: #ffffff !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

.player-secondary-action {
  width: 48px !important;
  height: 48px !important;
  font-size: 1.1rem !important;
  color: var(--text-white) !important;
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@media (hover: hover) {
  .player-secondary-action:hover:not(:disabled) {
    background: var(--liquid-glass-bg-hover) !important;
    border-color: rgba(255, 255, 255, 0.30) !important;
    color: #ffffff !important;
    transform: translateY(-1px) scale(1.05) !important;
  }
}

.player-secondary-action:active:not(:disabled) {
  transform: scale(0.94) !important;
}

.player-secondary-action:disabled {
  opacity: 0.25 !important;
  cursor: not-allowed !important;
}

/* Secondary Tools */
.player-secondary-tools-bar {
  display: flex;
  align-items: center;
  gap: 8px;
}

.player-tool-chip {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: var(--text-white);
  font-size: 0.76rem;
  font-weight: 600;
  padding: 7px 14px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.18);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (hover: hover) {
  .player-tool-chip:hover {
    background: var(--liquid-glass-bg-hover);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.30);
    transform: translateY(-1px);
  }
}

.player-tool-chip:active {
  transform: scale(0.95);
}/* ===== JOURNAL APP SEARCH BAR & EMPTY STATE ===== */


.icon-btn-circle.orange-border {
  border-color: var(--mnml-orange) !important;
  color: var(--mnml-orange) !important;
  background: rgba(170, 247, 0, 0.12) !important;
}

.journal-search-bar-wrap {
  padding: 0 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  animation: slideDownFade 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes slideDownFade {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.journal-search-box {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--bg-card);
  border: 1px solid var(--border-card);
  border-radius: var(--radius-pill);
  padding: 8px 14px;
  transition: all 0.2s ease;
}

.journal-search-box:focus-within {
  border-color: var(--mnml-orange);
  background: var(--bg-card-hover);
}

.journal-search-icon {
  color: var(--text-muted);
  flex-shrink: 0;
}

.journal-search-input {
  flex: 1;
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 0.86rem;
  outline: none;
  font-family: var(--font-sans);
}

.journal-search-input::placeholder {
  color: var(--text-muted);
  font-size: 0.82rem;
}

.journal-search-clear-btn {
  background: none;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  font-size: 0.82rem;
  padding: 2px 6px;
  border-radius: 50%;
  transition: all 0.15s ease;
}
@media (hover: hover) {
  .journal-search-clear-btn:hover {
  color: #ffffff;
  background: #282828;
}
}


.journal-search-stats-row {
  display: flex;
  justify-content: space-between;
  font-size: 0.72rem;
  color: var(--text-gray);
  padding: 0 6px;
}

.journal-search-stats-row b {
  color: var(--mnml-orange);
}/* ===== 3-BARS MAIN MENU & GOOGLE AUTH STYLES ===== */


.menu-auth-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 16px;
  box-shadow: var(--liquid-glass-shadow);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
}

.menu-auth-header {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.menu-auth-title {
  font-size: 0.9rem;
  font-weight: 700;
  color: #ffffff;
}

.menu-auth-sub {
  font-size: 0.74rem;
  color: var(--text-gray);
  line-height: 1.35;
}

.google-signin-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #ffffff;
  color: #1f1f1f;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 10px 16px;
  border-radius: var(--radius-pill);
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
@media (hover: hover) {
  .google-signin-btn:hover {
  background: #f0f0f0;
  transform: translateY(-1px);
}
}


.google-signin-btn:active {
  transform: scale(0.98);
}

.google-icon {
  flex-shrink: 0;
}

.menu-user-profile {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
}

.menu-user-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--mnml-orange);
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.15rem;
  flex-shrink: 0;
  box-shadow: 0 0 12px rgba(170, 247, 0, 0.2);
}

.menu-user-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  overflow: hidden;
  line-height: 1.25;
}

.menu-user-name {
  font-size: 0.92rem;
  font-weight: 600;
  color: #ffffff;
}

.menu-user-email {
  font-size: 0.74rem;
  color: var(--text-gray);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.menu-user-actions {
  display: flex;
  gap: 8px;
  margin: 0;
}

.menu-user-status {
  font-size: 0.7rem;
  color: #aaf700;
  font-weight: 600;
}

.menu-nav-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.menu-nav-item {
  display: flex;
  align-items: center;
  gap: 14px;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 16px;
  padding: 0 16px;
  height: 52px;
  min-height: 52px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
@media (hover: hover) {
  .menu-nav-item:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.30);
  transform: translateY(-1px);
}
}


.menu-nav-item:active {
  transform: scale(0.98);
}

.menu-nav-icon {
  font-size: 1.25rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--primary);
}

.menu-nav-icon svg,
.menu-nav-icon path,
.menu-nav-icon circle,
.menu-nav-icon polyline,
.menu-nav-icon line {
  color: var(--primary);
  stroke: var(--primary);
}

/* El icono de Ajustes debe ser gris exclusivamente en aspecto Lima */
:root:not([data-theme="minimal"]) #menuGoSettingsBtn .menu-nav-icon,
:root:not([data-theme="minimal"]) #menuGoSettingsBtn .menu-nav-icon svg,
:root:not([data-theme="minimal"]) #menuGoSettingsBtn .menu-nav-icon path,
:root:not([data-theme="minimal"]) #menuGoSettingsBtn .menu-nav-icon circle,
:root:not([data-theme="minimal"]) #menuGoSettingsBtn .menu-nav-icon polyline,
:root:not([data-theme="minimal"]) #menuGoSettingsBtn .menu-nav-icon line {
  color: #8e8e93 !important;
  stroke: #8e8e93 !important;
}

.menu-nav-content {
  flex: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.menu-nav-title {
  font-size: 0.90rem;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.menu-nav-desc {
  display: none !important;
}

.menu-nav-arrow {
  color: var(--text-muted);
  font-size: 1.2rem;
}/* ===== SETTINGS MODAL STYLES ===== */


.settings-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.settings-group-label {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--text-muted);
  letter-spacing: 0.05em;
}

.settings-preset-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.settings-quick-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 12px;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.2);
}
@media (hover: hover) {
  .settings-quick-btn:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.28);
  transform: translateY(-1px);
}
}


.settings-quick-btn.active {
  border-color: var(--mnml-orange);
  background: rgba(170, 247, 0, 0.12);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.3);
}

.quick-btn-title {
  font-size: 0.84rem;
  font-weight: 600;
  color: #ffffff;
}

.quick-btn-sub {
  font-size: 0.72rem;
  color: var(--text-gray);
}

.settings-segment-bar {
  display: flex;
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: var(--liquid-glass-border);
  border-radius: var(--radius-pill);
  padding: 3px;
  gap: 4px;
}

.settings-segment-btn {
  flex: 1;
  background: transparent;
  border: none;
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 8px 6px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.settings-segment-btn.active {
  background: var(--liquid-glass-bg-hover);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-top: 1px solid var(--glass-rim);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.25);
}

.settings-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  padding: 12px 16px;
  font-size: 0.86rem;
  color: var(--text-white);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.30), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.settings-toggle-row > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
}

/* Modern Toggle Switch - Apple iOS 1:1 Pixel-Perfect Geometry */
.mnml-switch {
  position: relative;
  display: inline-block;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  flex: 0 0 48px !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  vertical-align: middle;
}

.mnml-switch input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
}

.mnml-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  transition: background-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  border-radius: 26px;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
}

.mnml-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  top: 2px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #ffffff 0%, #e0e0e0 100%);
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.25s ease;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
  will-change: transform;
}

.mnml-switch input:checked + .mnml-slider {
  background-color: var(--mnml-orange);
  border-color: var(--mnml-orange);
  box-shadow: 0 0 12px rgba(170, 247, 0, 0.23), inset 0 1px 2px rgba(255, 255, 255, 0.5);
}

.mnml-switch input:checked + .mnml-slider:before {
  transform: translate3d(22px, 0, 0);
  background: #000000;
}

.notif-preset-option-btn {
  transition: background 0.15s ease;
}
.notif-preset-option-btn:active {
  background: #222222 !important;
}
@media (hover: hover) {
  .notif-preset-option-btn:hover {
  background: #222222 !important;
}
}
/* ===== SMART EDITOR, SLASH COMMANDS & CUSTOM CHECKBOXES ===== */


.editor-format-toolbar {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  padding: 8px 0;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--border-card);
  scrollbar-width: none;
}

.editor-format-toolbar::-webkit-scrollbar {
  display: none;
}

.format-chip {
  background: var(--bg-card);
  border: 1px solid var(--border-card);
  color: var(--text-white);
  padding: 5px 11px;
  border-radius: var(--radius-pill);
  font-size: 0.76rem;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s ease;
  user-select: none;
  touch-action: manipulation;
}
@media (hover: hover) {
  .format-chip:hover {
  background: var(--bg-card-hover);
  border-color: var(--mnml-orange);
  color: var(--mnml-orange);
}
}


.format-chip:active {
  transform: scale(0.94);
}/* Floating Slash Command Popup */


.editor-slash-popup {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 16px;
  box-shadow: var(--liquid-glass-shadow);
  overflow: hidden;
  animation: slideUpFade 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  max-height: 280px;
  display: flex;
  flex-direction: column;
}

@keyframes slideUpFade {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.slash-popup-header {
  padding: 8px 12px;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  border-bottom: 1px solid var(--border-card);
  background: rgba(255, 255, 255, 0.02);
}

.slash-popup-list {
  overflow-y: auto;
  max-height: 230px;
  display: flex;
  flex-direction: column;
  padding: 4px;
}

.slash-popup-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 1px solid transparent;
}
.slash-popup-item.selected,
.slash-popup-item:active {
  background: var(--bg-card-hover);
  border-color: rgba(170, 247, 0, 0.4);
}
@media (hover: hover) {
  .slash-popup-item:hover {
    background: var(--bg-card-hover);
  }
}


.slash-item-badge {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(170, 247, 0, 0.12);
  border: 1px solid rgba(170, 247, 0, 0.25);
  color: var(--mnml-orange);
  font-weight: 700;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.slash-item-info {
  flex: 1;
  min-width: 0;
}

.slash-item-title {
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--text-white);
  display: flex;
  align-items: center;
  gap: 6px;
}

.slash-item-trigger {
  font-size: 0.7rem;
  color: var(--mnml-orange);
  font-family: var(--font-mono);
  font-weight: 500;
}

.slash-item-desc {
  font-size: 0.72rem;
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}/* Custom Aesthetic Checkboxes */


.mnml-check-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 0;
  transition: all 0.2s ease;
}

.mnml-check-row.is-checked .mnml-check-text {
  text-decoration: line-through;
  color: var(--text-muted);
  opacity: 0.75;
}

.mnml-editor-checkbox {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1.8px solid #44444c;
  background: #18181c;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  margin-top: 2px;
  flex-shrink: 0;
  padding: 0;
  outline: none;
  box-shadow: none;
  user-select: none;
  -webkit-user-select: none;
}
@media (hover: hover) {
  .mnml-editor-checkbox:hover {
  border-color: var(--mnml-orange);
}
}


.mnml-editor-checkbox.checked {
  background: var(--mnml-orange);
  border-color: var(--mnml-orange);
  transform: scale(1.04);
}

.mnml-editor-checkbox.checked::after {
  content: '✓';
  color: #000000;
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1;
}

.mnml-check-text {
  font-size: 0.98rem;
  color: var(--text-white);
  line-height: 1.45;
  word-break: break-word;
  flex: 1;
  min-width: 0;
  min-height: 24px;
  outline: none;
  position: relative;
}/* Headings & Text Elements */


.mnml-editor-h1 {
  font-family: var(--font-display);
  font-size: 1.45rem;
  font-weight: 700;
  color: var(--text-white);
  margin: 12px 0 6px;
  letter-spacing: -0.02em;
  position: relative;
}

.mnml-editor-h2 {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--text-white);
  margin: 10px 0 4px;
  letter-spacing: -0.015em;
  position: relative;
}

.mnml-editor-h3 {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--mnml-orange);
  margin: 8px 0 3px;
  position: relative;
}

.mnml-editor-bold {
  color: var(--text-white);
  font-weight: 700;
}

.mnml-editor-ul,
.mnml-editor-ol {
  margin: 4px 0 8px 18px;
  color: var(--text-white);
  font-size: 0.95rem;
  line-height: 1.55;
}

.mnml-editor-ul li,
.mnml-editor-ol li {
  margin-bottom: 3px;
  position: relative;
}

.mnml-editor-p {
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--text-white);
  margin-bottom: 4px;
  position: relative;
}

.mnml-editor-spacer {
  height: 8px;
}

.mnml-rich-editor {
  flex: 1;
  min-height: 380px;
  width: 100%;
  background: transparent;
  border: none;
  color: var(--text-white);
  font-family: var(--font-sans);
  font-size: 1.05rem;
  line-height: 1.65;
  outline: none;
  cursor: text;
  word-break: break-word;
  white-space: pre-wrap;
  position: relative;
  padding-bottom: 80px;
}

.mnml-rich-editor:empty::before {
  content: attr(data-placeholder);
  color: var(--text-muted);
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.05rem;
}

/* Notion-style dynamic placeholder next to cursor on empty lines */
.is-empty-focused {
  position: relative;
}

.is-empty-focused::before {
  content: "Escribe '/' para elegir estilos";
  color: var(--text-muted, #7e7e88);
  opacity: 0.42;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-weight: 400;
  font-style: normal;
  letter-spacing: normal;
  line-height: inherit;
  z-index: 1;
}

.mnml-editor-h1.is-empty-focused::before {
  font-size: 1.35rem;
  font-family: var(--font-display);
}

.mnml-editor-h2.is-empty-focused::before {
  font-size: 1.15rem;
  font-family: var(--font-display);
}

.mnml-editor-h3.is-empty-focused::before {
  font-size: 1.05rem;
  font-family: var(--font-display);
}

.mnml-editor-p.is-empty-focused::before {
  font-size: 0.95rem;
}

.mnml-check-row::before,
.mnml-check-row.is-empty-focused::before,
.mnml-check-text::before,
.mnml-check-text.is-empty-focused::before,
.mnml-editor-ul li::before,
.mnml-editor-ol li::before,
.mnml-editor-ul li.is-empty-focused::before,
.mnml-editor-ol li.is-empty-focused::before {
  display: none !important;
  content: none !important;
}

.mnml-rich-editor.is-empty-focused::before {
  content: "Escribe '/' para elegir estilos";
  color: var(--text-muted, #7e7e88);
  opacity: 0.42;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.05rem;
  font-weight: 400;
  z-index: 1;
}/* ===== PWA INSTALL TUTORIAL MODAL & NOTIFICATION PROMPT ===== */


.install-tutorial-modal {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim-strong);
  border-radius: 24px;
  padding: 24px 20px;
  max-width: 420px;
  width: 90%;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: var(--liquid-glass-shadow);
  animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.install-tutorial-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--mnml-orange-dim);
  color: var(--mnml-orange);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: var(--radius-pill);
  width: fit-content;
}

.install-tutorial-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-white);
  line-height: 1.3;
}

.install-tutorial-steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #0e0e11;
  border: 1px solid var(--border-card);
  border-radius: 16px;
  padding: 14px;
}

.install-step-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.86rem;
  color: var(--text-white);
}

.install-step-num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--mnml-orange);
  color: #000000;
  font-size: 0.76rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.install-step-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  background: #24242c;
  padding: 3px 6px;
  border-radius: 6px;
  margin: 0 2px;
}

.install-dismiss-btn {
  background: var(--liquid-glass-accent-bg) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: var(--liquid-glass-accent-border) !important;
  border-top: 1px solid var(--glass-rim-accent) !important;
  box-shadow: var(--liquid-glass-accent-shadow) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  padding: 12px;
  border-radius: var(--radius-pill);
  font-size: 0.9rem;
  cursor: pointer;
  text-align: center;
  width: 100%;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
  .install-dismiss-btn:hover {
  background: var(--liquid-glass-accent-bg-hover) !important;
  transform: translateY(-1px) scale(1.02);
}
}


.install-dismiss-btn:active {
  transform: translateY(1px) scale(0.97);
}/* ==========================================================================
   MOBILE DEFAULT & BASE FALLBACK STYLES
   ========================================================================== *//* Desktop sidebar hidden on mobile screens */




.desktop-sidebar {
  display: none !important;
}

/* Responsive Platform Visibility Toggles (Separates Mobile Phone and Desktop Workstation) */
.desktop-only,
.desktop-home-qc-wrap {
  display: none !important;
}

.mobile-only {
  display: block !important;
}

.home-dashboard-grid {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  min-height: min-content;
}

.home-dashboard-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.home-dashboard-col-left,
.home-dashboard-col-right {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}

.calendar-desktop-split {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.calendar-split-month,
.calendar-split-day {
  width: 100%;
}/* ==========================================================================
   DESKTOP ADAPTATION & RESPONSIVE WORKSTATION (>= 768px)
   ========================================================================== */@media (min-width: 768px) {
  /* Expand app-container to full width and switch to horizontal layout */
  .app-container {
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    background-color: #0c0c0e !important;
    overflow: hidden !important;
  }

  /* Desktop Sidebar Navigation */
  .desktop-sidebar {
    display: flex !important;
    flex-direction: column;
    width: 250px;
    min-width: 250px;
    height: 100%;
    background: rgba(14, 14, 18, 0.78);
    backdrop-filter: blur(28px) saturate(190%);
    -webkit-backdrop-filter: blur(28px) saturate(190%);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    padding: 24px 16px;
    box-sizing: border-box;
    z-index: 100;
    user-select: none;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .sidebar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    padding: 6px 12px;
    width: 100%;
    box-sizing: border-box;
  }

  .sidebar-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: transparent;
    border: none;
  }

  .sidebar-logo-img {
    height: 38px;
    width: auto;
    max-width: 135px;
    object-fit: contain;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .sidebar-brand:hover .sidebar-logo-img {
    transform: scale(1.04);
  }

  .sidebar-brand-text {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .sidebar-brand-title {
    font-family: var(--font-display);
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text-white);
    letter-spacing: -0.02em;
  }

  .sidebar-brand-badge {
    font-size: 0.62rem;
    font-weight: 700;
    color: var(--mnml-orange);
    background: var(--mnml-orange-dim);
    padding: 2px 7px;
    border-radius: var(--radius-pill);
    border: 1px solid rgba(170, 247, 0, 0.3);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }

  .sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .sidebar-nav-section-label {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-muted);
    padding: 10px 12px 4px 12px;
  }

  .desktop-nav-item {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--text-gray);
    font-size: 0.88rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    outline: none;
    width: 100%;
    text-align: left;
    font-family: inherit;
  }

  .desktop-nav-item:hover {
    background: var(--liquid-glass-bg-hover);
    color: var(--text-white);
    border: var(--liquid-glass-border);
    transform: translateX(2px);
  }

  .desktop-nav-item.active {
    background: var(--liquid-glass-bg) !important;
    border: 1px solid rgba(170, 247, 0, 0.35) !important;
    border-top: 1px solid var(--glass-rim) !important;
    color: var(--text-white) !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.20) !important;
  }

  .desktop-nav-item.active .desktop-nav-icon {
    color: var(--mnml-orange);
  }

  .desktop-nav-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--text-muted);
    transition: color 0.2s ease;
  }

  .desktop-nav-badge {
    background: var(--mnml-orange);
    color: #000000;
    font-size: 0.68rem;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 9999px;
    margin-left: auto;
  }

  .sidebar-quick-actions {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .sidebar-action-btn {
    background: rgba(255, 255, 255, 0.03);
    border: 1px dashed rgba(255, 255, 255, 0.16);
    border-radius: 12px;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--text-gray);
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
    font-family: inherit;
    outline: none;
    width: 100%;
    text-align: left;
    box-sizing: border-box !important;
  }

  .sidebar-action-btn:hover {
    background: rgba(170, 247, 0, 0.08);
    border-color: var(--mnml-orange);
    color: var(--text-white);
    transform: none !important;
  }

  .sidebar-action-btn:active {
    transform: scale(0.98) !important;
  }

  .sidebar-action-plus {
    color: var(--mnml-orange);
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    flex-shrink: 0;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .sidebar-action-plus svg {
    display: block !important;
    margin: 0 auto !important;
    pointer-events: none !important;
    flex-shrink: 0 !important;
  }

  .sidebar-footer {
    margin-top: auto;
    padding-top: 16px;
    border-top: 1px solid var(--glass-rim);
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .sidebar-user-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 12px;
    background: var(--liquid-glass-bg);
    backdrop-filter: var(--liquid-glass-blur);
    -webkit-backdrop-filter: var(--liquid-glass-blur);
    border: var(--liquid-glass-border);
    border-top: 1px solid var(--glass-rim);
    box-shadow: var(--liquid-glass-shadow);
    cursor: pointer;
    transition: all 0.2s ease;
    outline: none;
  }

  .sidebar-user-card:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.25);
    border-top: 1px solid var(--glass-rim-strong);
    box-shadow: var(--liquid-glass-shadow-hover);
  }

  .sidebar-user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--liquid-glass-accent-bg);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.82rem;
    flex-shrink: 0;
    overflow: hidden;
  }

  .sidebar-user-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
  }

  .sidebar-user-name {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--text-white);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .sidebar-sync-status {
    font-size: 0.68rem;
    color: var(--text-muted);
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .sync-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #aaf700;
    box-shadow: 0 0 6px rgba(170, 247, 0, 0.4);
  }

  /* Desktop Viewport Content */
  .os-viewport {
    flex: 1 !important;
    min-width: 0 !important;
    height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 36px 48px 96px 48px !important;
    background: #000000 !important;
    transform: none !important;
  }

  /* Pinned Bottom Dock for Desktop Workstation */
  .os-bottom-dock {
    position: fixed;
    bottom: 0;
    left: 250px;
    right: 0;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0 32px 4px 32px !important;
    background: linear-gradient(180deg, transparent 0%, rgba(12, 12, 14, 0.75) 30%, rgba(12, 12, 14, 0.95) 100%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-top: 1px solid var(--glass-rim);
    z-index: 90;
    pointer-events: none;
  }

  .os-bottom-dock[style*="display: none"] {
    display: none !important;
  }

  .os-bottom-dock .home-quick-capture-wrap {
    max-width: 640px;
    margin: 0 auto !important;
    pointer-events: auto;
  }

  /* Hide mobile hamburger button on desktop workstation */
  #homeMenuBtn {
    display: none !important;
  }

  /* Hide mobile app launcher buttons and reorder pill on desktop workstation (sidebar already provides navigation) */
  .home-app-grid,
  .reorder-done-pill {
    display: none !important;
  }

  /* Desktop Quick Capture Drawer & Desktop-only widgets in Home */
  .desktop-only,
  .desktop-home-qc-wrap {
    display: block !important;
    width: 100% !important;
  }

  .home-dashboard-col-left.desktop-only {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .mobile-only {
    display: none !important;
  }

  /* Desktop Header enhancements */
  .subapp-header {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  /* Hide root back-to-home arrows on desktop where desktop sidebar handles top-level navigation */
  .subapp-header-left > #calBackToHome,
  .subapp-header-left > #prjBackToHome,
  .subapp-header-left > #notesBackToHome,
  .subapp-header-left > #journalBackToHome,
  .subapp-header-left > #galleryBackToHome,
  .subapp-header-left > #clockBackToHome,
  .subapp-header-left > #statsBackToHomeBtn,
  .subapp-header-left > #settingsBackToHome {
    display: none !important;
  }

  /* Hide intrusive cloud sync status indicators */
  .sidebar-sync-status {
    display: none !important;
  }

  /* Form & Detail centering on desktop workstation */
  .agenda-detail-container,
  .agenda-edit-container,
  .archive-info-card {
    max-width: 680px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .agenda-detail-container .pill-widget,
  .agenda-edit-container .pill-widget,
  .agenda-desktop-inspector .pill-widget {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  .subapp-title {
    font-size: 1.65rem !important;
  }

  /* Notes Desktop Grid */
  .notes-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px !important;
  }

  .note-card-item {
    height: 100% !important;
    box-sizing: border-box !important;
    align-items: flex-start !important;
    padding: 16px 18px !important;
  }

  /* Notes / Journal Editor Centered Reading Width */
  .note-editor-wrapper,
  .notes-editor-container,
  .journal-editor-container {
    max-width: 860px !important;
    margin: 0 auto !important;
    width: 100% !important;
  }

  .mnml-rich-editor {
    max-width: 860px;
    margin: 0 auto;
    width: 100%;
    font-size: 1.05rem !important;
    line-height: 1.65 !important;
  }

  /* Journal Entries Grid */
  .journal-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 16px !important;
  }

  /* Agenda Desktop Workstation Column Layout & Overrides - Responsive split >= 960px so main col is never crushed */
  .agenda-desktop-workspace,
  .agenda-desktop-workspace.has-inspector {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .agenda-desktop-col-sidebar {
    position: relative !important;
    top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    min-width: 0 !important;
  }

  .agenda-desktop-col-main {
    min-width: 0 !important;
    max-width: 820px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  /* Agenda Desktop Inspector Modal (Centered Liquid Glass Modal with Backdrop) */
  /* Agenda Desktop Inspector Modal (Centered Liquid Glass Modal with Backdrop) */
  .agenda-inspector-modal-overlay {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.70) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 89999 !important;
    padding: max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom)) 24px !important;
    box-sizing: border-box !important;
    animation: fadeIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) both !important;
    will-change: opacity;
  }

  .agenda-inspector-modal-overlay.already-open,
  .agenda-inspector-modal-overlay.already-open .agenda-desktop-inspector {
    animation: none !important;
  }

  .agenda-desktop-inspector {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 480px !important;
    height: auto !important;
    max-height: calc(100vh - 80px) !important;
    display: flex !important;
    flex-direction: column !important;
    background: rgba(18, 18, 22, 0.96) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 24px !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.88), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
    overflow: hidden !important;
    z-index: 90000 !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    animation: modalDesktopPop 0.22s cubic-bezier(0.16, 1, 0.3, 1) both !important;
    will-change: transform, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .agenda-desktop-inspector::before {
    display: none !important;
  }

  /* Inspector custom dropdown styling & overflow */
  .agenda-desktop-inspector .custom-dropdown-container {
    width: 100%;
  }

  .agenda-desktop-inspector .custom-dropdown-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 10px;
    padding: 8px 12px;
    color: var(--text-white);
    font-size: 0.84rem;
    cursor: pointer;
    transition: all 0.18s ease;
    box-sizing: border-box;
  }

  .agenda-desktop-inspector .custom-dropdown-trigger:hover,
  .agenda-desktop-inspector .custom-dropdown-trigger.open {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(170, 247, 0, 0.45);
  }

  .agenda-desktop-inspector .custom-dropdown-menu {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    width: 100%;
    background: rgba(18, 18, 22, 0.96) !important;
    backdrop-filter: blur(28px) saturate(190%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
    padding: 6px !important;
    z-index: 1000 !important;
    max-height: 220px;
    overflow-y: auto;
    display: none;
    flex-direction: column;
    gap: 2px;
    box-sizing: border-box;
  }

  .agenda-desktop-inspector .custom-dropdown-menu.show,
  .agenda-desktop-inspector .custom-dropdown-menu.open {
    display: flex !important;
  }

  .agenda-desktop-inspector .custom-dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    border-radius: 8px;
    font-size: 0.82rem;
    color: var(--text-white);
    cursor: pointer;
    transition: background 0.15s ease;
  }

  .agenda-desktop-inspector .custom-dropdown-item:hover,
  .agenda-desktop-inspector .custom-dropdown-item.selected {
    background: rgba(255, 255, 255, 0.08);
  }

  .agenda-desktop-inspector .custom-dropdown-item.selected {
    color: var(--mnml-orange);
    font-weight: 600;
  }

  .agenda-desktop-inspector .inspector-props-group {
    position: relative;
    overflow: visible;
  }

  .agenda-desktop-inspector .inspector-props-group:has(.custom-dropdown-menu.show),
  .agenda-desktop-inspector .inspector-props-group:has(.custom-dropdown-trigger.open) {
    z-index: 50;
  }

  .agenda-desktop-inspector-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    background: transparent;
    flex-shrink: 0;
  }

  .agenda-inspector-badge {
    font-size: 0.70rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--mnml-orange);
    padding: 4px 10px;
    background: rgba(170, 247, 0, 0.08);
    border: 1px solid rgba(170, 247, 0, 0.28);
    border-radius: var(--radius-pill);
    display: inline-flex;
    align-items: center;
    gap: 5px;
  }

  .agenda-inspector-badge.completed {
    color: var(--mnml-orange) !important;
    background: rgba(170, 247, 0, 0.12) !important;
    border-color: rgba(170, 247, 0, 0.32) !important;
  }

  .agenda-inspector-badge.overdue {
    color: #ff453a;
    background: rgba(255, 69, 58, 0.10);
    border-color: rgba(255, 69, 58, 0.30);
  }

  .agenda-inspector-badge.inbox {
    color: #38bdf8;
    background: rgba(56, 189, 248, 0.10);
    border-color: rgba(56, 189, 248, 0.30);
  }

  .agenda-inspector-header-right {
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .agenda-desktop-inspector-header .icon-btn-circle {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.18s ease;
  }

  .agenda-desktop-inspector-header #inspectorCloseBtn:hover {
    background: rgba(255, 255, 255, 0.15);
    color: var(--text-white) !important;
    border-color: rgba(255, 255, 255, 0.25);
  }

  .agenda-desktop-inspector-header #inspectorDelBtn:hover {
    background: rgba(255, 69, 58, 0.15);
    border-color: rgba(255, 69, 58, 0.35);
    color: #ff453a !important;
  }

  .agenda-desktop-inspector-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 14px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255, 255, 255, 0.18) transparent !important;
    scrollbar-gutter: stable !important;
  }

  .agenda-desktop-inspector-body::-webkit-scrollbar {
    width: 6px !important;
  }

  .agenda-desktop-inspector-body::-webkit-scrollbar-track {
    background: transparent !important;
  }

  .agenda-desktop-inspector-body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;
  }

  .agenda-desktop-inspector-body::-webkit-scrollbar-thumb:hover {
    background: rgba(170, 247, 0, 0.45) !important;
  }

  .agenda-desktop-inspector-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    padding: 12px 18px 16px !important;
    border-top: 1px solid var(--glass-rim) !important;
    background: transparent !important;
    flex-shrink: 0 !important;
  }

  .agenda-desktop-inspector .subtask-card-glass {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-top: 1px solid var(--glass-rim) !important;
    border-radius: 12px !important;
    padding: 8px 12px !important;
    gap: 10px !important;
    box-shadow: none !important;
  }

  .agenda-desktop-inspector .subtask-card-glass:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
  }

  .agenda-desktop-inspector .subtask-edit-btn,
  .agenda-desktop-inspector .subtask-del-btn {
    opacity: 0;
    transition: opacity 0.15s ease, background 0.15s ease, color 0.15s ease;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
  }

  .agenda-desktop-inspector .subtask-card-glass:hover .subtask-edit-btn,
  .agenda-desktop-inspector .subtask-card-glass:hover .subtask-del-btn {
    opacity: 0.85;
  }

  .agenda-desktop-inspector .subtask-card-glass .subtask-edit-btn:hover {
    opacity: 1;
    background: rgba(255, 255, 255, 0.14);
    color: var(--text-white) !important;
  }

  .agenda-desktop-inspector .subtask-card-glass .subtask-del-btn:hover {
    opacity: 1;
    background: rgba(255, 69, 58, 0.18);
    color: #ff453a !important;
  }

  .agenda-desktop-inspector .subtask-card-glass .agenda-check-btn {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
  }

  .agenda-desktop-inspector .subtask-card-glass .agenda-check-btn.checked::after {
    width: 9px !important;
    height: 7.5px !important;
  }

  .subtask-drag-handle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: var(--text-muted);
    opacity: 0.45;
    cursor: grab;
    touch-action: none;
    flex-shrink: 0;
    transition: opacity 0.15s ease, color 0.15s ease;
    user-select: none;
    -webkit-user-select: none;
  }

  .subtask-card-glass:hover .subtask-drag-handle {
    opacity: 0.9;
    color: var(--text-white);
  }

  .subtask-card-glass.is-dragging {
    background: rgba(26, 26, 32, 0.98) !important;
    border-color: var(--mnml-orange) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.85), 0 0 12px rgba(170, 247, 0, 0.18) !important;
    transform: scale(1.02) !important;
    z-index: 1000 !important;
  }

  .subtask-card-glass.is-dragging .subtask-drag-handle {
    cursor: grabbing;
    opacity: 1;
    color: var(--mnml-orange);
  }

  .agenda-desktop-inspector #inspectorAddSubtaskInput,
  .agenda-desktop-inspector #inspectorDraftNewTaskInput {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 10px;
    font-size: 0.82rem;
    padding: 7px 11px;
    color: var(--text-white);
  }

  .agenda-desktop-inspector #inspectorAddSubtaskBtn,
  .agenda-desktop-inspector #inspectorDraftAddTaskBtn {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: var(--text-white);
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.78rem;
    padding: 7px 14px;
    cursor: pointer;
    transition: all 0.18s ease;
  }

  .agenda-desktop-inspector #inspectorAddSubtaskBtn:hover,
  .agenda-desktop-inspector #inspectorDraftAddTaskBtn:hover {
    background: var(--mnml-orange);
    border-color: var(--mnml-orange);
    color: #000;
  }

  .inspector-task-title {
    font-family: var(--font-display);
    font-size: 1.35rem;
    color: var(--text-white);
    font-weight: 500;
    line-height: 1.35;
    word-break: break-word;
  }

  .inspector-task-title.done {
    text-decoration: line-through;
    color: var(--text-muted);
  }

  .inspector-props-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 8px 12px;
    box-sizing: border-box;
  }

  .inspector-prop-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    font-size: 0.82rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    gap: 10px;
  }

  .inspector-prop-row:last-child {
    border-bottom: none;
  }

  .inspector-prop-label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-muted);
    font-weight: 500;
    flex-shrink: 0;
  }

  .inspector-prop-val {
    color: var(--text-white);
    font-weight: 500;
    text-align: right;
    word-break: break-word;
  }

  .inspector-progress-track {
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 9999px;
    overflow: hidden;
    margin-top: 6px;
  }

  .inspector-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--mnml-orange), #aaf700);
    border-radius: 9999px;
    transition: width 0.25s ease;
  }

  .agenda-desktop-workspace .agenda-card-item.is-inspector-active {
    border-color: rgba(170, 247, 0, 0.6) !important;
    border-top-color: rgba(170, 247, 0, 0.8) !important;
    background: rgba(170, 247, 0, 0.08) !important;
    box-shadow: 0 0 16px rgba(170, 247, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.4) !important;
  }

  /* CRITICAL: Enforce linear column flow across ALL agenda task feeds on desktop */
  .agenda-desktop-workspace .notes-list,
  .agenda-desktop-workspace .agenda-feed-list,
  .agenda-desktop-workspace .agenda-loose-list,
  .agenda-desktop-workspace .agenda-projects-list,
  .agenda-desktop-workspace .agenda-project-tasks-list,
  .agenda-desktop-workspace .agenda-date-group-block .notes-list,
  .agenda-desktop-workspace #todayEventsList,
  .agenda-desktop-workspace #tomorrowEventsList,
  .agenda-desktop-workspace #overdueEventsList,
  .agenda-desktop-workspace #inboxEventsList {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    max-width: 100% !important;
    width: 100% !important;
    gap: 8px !important;
  }

  /* High-density, sleek desktop task cards */
  .agenda-desktop-workspace .agenda-card-item {
    min-height: 44px !important;
    padding: 8px 14px !important;
    border-radius: 12px !important;
    gap: 10px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px solid rgba(255, 255, 255, 0.09) !important;
    border-top: 1px solid var(--glass-rim) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
  }

  .agenda-desktop-workspace .agenda-card-item:hover {
    background: rgba(255, 255, 255, 0.065) !important;
    border-color: rgba(255, 255, 255, 0.20) !important;
    border-top-color: rgba(255, 255, 255, 0.35) !important;
    transform: translateX(2px) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
  }

  .agenda-desktop-workspace .inbox-mini-item:hover,
  .agenda-desktop-workspace .agenda-mini-inbox-list .agenda-card-item:hover {
    transform: none !important;
  }

  .agenda-desktop-workspace .agenda-check-btn {
    width: 22px !important;
    height: 22px !important;
  }

  .agenda-desktop-workspace .agenda-title {
    font-size: 0.88rem !important;
    font-weight: 500 !important;
  }

  .agenda-desktop-workspace .agenda-time-pill {
    font-size: 0.70rem !important;
    height: 20px !important;
    padding: 0 4.2px 0 5px !important;
    gap: 2.5px !important;
    font-variant-numeric: tabular-nums lining-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
  }

  .agenda-desktop-workspace .subtask-badge-pill {
    font-size: 0.68rem !important;
    padding: 1px 6px !important;
  }

  /* Drag handle is invisible by default; smoothly appears only on card hover */
  .agenda-desktop-workspace .agenda-drag-handle {
    opacity: 0 !important;
    transition: opacity 0.15s ease !important;
  }

  .agenda-desktop-workspace .agenda-card-item:hover .agenda-drag-handle {
    opacity: 0.75 !important;
  }

  .agenda-desktop-workspace .agenda-date-group-block {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px;
    border-radius: 14px;
    border: 1px solid transparent;
    transition: background 0.3s ease, border-color 0.3s ease;
  }

  .agenda-desktop-workspace .agenda-date-group-block.is-jump-highlight {
    background: rgba(170, 247, 0, 0.07) !important;
    border: 1px solid rgba(170, 247, 0, 0.35) !important;
    box-shadow: 0 0 16px rgba(170, 247, 0, 0.08) !important;
  }

  /* Agenda Centered Desktop Layout (Inbox & Hoy centered) */
  .cal-tabs-container {
    max-width: 520px !important;
    width: 100% !important;
    margin: 0 auto 24px auto !important;
  }

  #calTabContentArea {
    max-width: 760px !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  #calTabContentArea:has(.calendar-desktop-split) {
    max-width: 980px !important;
  }

  #calTabContentArea > div {
    width: 100% !important;
  }

  #calTabContentArea > .notes-list,
  #todayEventsList,
  #overdueEventsList,
  #upcomingEventsList,
  #inboxEventsList,
  .day-progress-container,
  .agenda-upcoming-groups {
    display: flex !important;
    flex-direction: column !important;
    max-width: 760px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 12px !important;
  }

  /* Focus App Timer Cards Grid */
  .focus-gallery-list,
  .focus-presets-container,
  .presets-gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 16px !important;
  }

  /* Centered Modals & Dialogs on Desktop */
  .modal-overlay {
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
  }

  .modal-sheet {
    border-radius: 24px !important;
    max-width: 540px !important;
    max-height: 88vh !important;
    animation: modalDesktopPop 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.85), inset 0 1px 1px rgba(255, 255, 255, 0.25) !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  @keyframes modalDesktopPop {
    from {
      opacity: 0;
      transform: scale(0.95);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
}

@media (min-width: 960px) {
  .agenda-desktop-workspace,
  .agenda-desktop-workspace.has-inspector {
    grid-template-columns: 240px minmax(0, 1fr) !important;
    gap: 22px !important;
  }

  .agenda-desktop-col-sidebar {
    position: sticky !important;
    top: 68px !important;
  }
}

/* ==========================================================================
   DESKTOP DASHBOARD & SIDE-BY-SIDE EXPANSION (>= 900px)
   ========================================================================== */

@media (min-width: 900px) {
  /* Home Command Center Dashboard */
  .home-dashboard-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important;
    gap: 22px 32px !important;
    align-items: start !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100% !important;
  }

  .home-dashboard-header {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    width: 100% !important;
    margin-bottom: 2px !important;
  }

  .home-dashboard-header .home-top-bar {
    margin-bottom: 0 !important;
    flex-shrink: 0 !important;
    align-self: center !important;
  }

  .home-dashboard-header .home-date-capsule {
    margin-bottom: 0 !important;
  }

  .home-dashboard-header .home-menu-btn {
    display: none !important;
  }

  .home-dashboard-header .day-progress-container {
    flex-shrink: 0 !important;
    width: 230px !important;
    margin: 0 !important;
    margin-left: auto !important;
    padding: 12px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 16px !important;
    align-self: center !important;
  }

  .home-dashboard-header .day-progress-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    order: 1 !important;
  }

  .home-dashboard-header .day-progress-track {
    order: 2 !important;
    height: 5px !important;
  }

  .home-dashboard-header .day-progress-label {
    font-size: 0.73rem !important;
  }

  .home-dashboard-header .day-progress-percent {
    font-size: 0.76rem !important;
  }

  .home-dashboard-col-left,
  .home-dashboard-col-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  /* Calendar Month View Side-by-Side (Apple HIG proportions on Desktop) */
  .calendar-desktop-split {
    display: grid !important;
    grid-template-columns: 390px minmax(0, 1fr) !important;
    gap: 32px !important;
    align-items: start !important;
    max-width: 980px !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  .calendar-split-month {
    max-width: 390px !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  .calendar-month-widget {
    max-width: 390px !important;
    width: 100% !important;
    margin: 0 auto !important;
    margin-bottom: 0 !important;
    padding: 18px 20px !important;
    border-radius: 20px !important;
  }

  .calendar-month-widget .calendar-days-grid {
    gap: 5px !important;
  }

  .calendar-month-widget .calendar-day-cell {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    font-size: 0.92rem !important;
    margin: 0 auto !important;
  }

  .calendar-split-day {
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* ==========================================================================
   PROJECTS APP & WORKSPACES (GALLERY VIEW)
   ========================================================================== */

.prj-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

/* ==========================================================================
   Apple iOS Liquid Glass Projects Gallery Architecture
   ========================================================================== */

/* Responsive Grid */
.prj-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 16px;
  width: 100%;
}

@media (max-width: 640px) {
  .prj-gallery-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* Liquid Glass Gallery Card */
.prj-card {
  position: relative;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  box-shadow: var(--liquid-glass-shadow);
  overflow: hidden;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.24s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.24s cubic-bezier(0.16, 1, 0.3, 1),
              background 0.24s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  -webkit-user-select: none;
  text-align: left;
}

/* Apple physical specular highlight reflection */
.prj-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 100%);
  border-radius: 20px 20px 0 0;
  pointer-events: none;
  z-index: 2;
}

@media (hover: hover) {
  .prj-card:hover {
    transform: translateY(-2px) scale(1.008);
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.24);
    border-top-color: var(--glass-rim-strong);
    box-shadow: var(--liquid-glass-shadow-hover);
  }
}

.prj-card:active {
  transform: scale(0.985);
  background: var(--liquid-glass-bg-active);
  box-shadow: var(--liquid-glass-shadow-active);
}

.prj-card.completed {
  opacity: 0.85;
}

/* Cover Image Stage (Rendered consistently across all project cards) */
.prj-card-cover {
  position: relative;
  width: 100%;
  height: 126px;
  overflow: hidden;
  background: #09090c;
  flex-shrink: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.prj-card-cover.is-placeholder {
  background: linear-gradient(160deg, #13141a 0%, #090a0d 100%);
}

.prj-card-cover-placeholder-art {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.prj-card-cover-ambient-glow {
  position: absolute;
  width: 140px;
  height: 90px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(170, 247, 0, 0.14) 0%, transparent 70%);
  filter: blur(14px);
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}

.prj-card-cover-symbol {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.70);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.25);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 2;
}

@media (hover: hover) {
  .prj-card:hover .prj-card-cover-symbol {
    transform: scale(1.06);
    color: var(--mnml-lime);
    border-color: rgba(170, 247, 0, 0.35);
    background: rgba(170, 247, 0, 0.08);
  }
}

.prj-card-cover-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (hover: hover) {
  .prj-card:hover .prj-card-cover-img {
    transform: scale(1.04);
  }
}

.prj-card-cover-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(12, 12, 15, 0.35) 50%, rgba(14, 14, 18, 0.96) 100%);
  pointer-events: none;
  z-index: 1;
}

.prj-card-cover-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 9999px;
  background: rgba(10, 10, 14, 0.72);
  backdrop-filter: blur(14px) saturate(180%);
  -webkit-backdrop-filter: blur(14px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-top: 1px solid var(--glass-rim);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  font-family: var(--font-sans);
  font-size: 0.70rem;
  font-weight: 600;
  color: #ffffff;
}

/* Card Body */
.prj-card-body {
  padding: 14px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  position: relative;
  z-index: 3;
}

.prj-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.prj-card-title-col {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
  min-width: 0;
}

.prj-card-title {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.25;
  letter-spacing: -0.02em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.prj-card-desc {
  font-family: var(--font-sans);
  font-size: 0.82rem;
  color: #9ca3af;
  line-height: 1.38;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prj-card-chevron {
  color: var(--text-muted);
  font-size: 1.3rem;
  line-height: 1;
  opacity: 0.6;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease, color 0.2s ease;
  flex-shrink: 0;
  padding-top: 1px;
}

@media (hover: hover) {
  .prj-card:hover .prj-card-chevron {
    transform: translateX(3px);
    opacity: 1;
    color: #ffffff;
  }
}

/* Stats Row: Objetivos activos & Tareas pendientes */
.prj-card-stats-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.prj-card-stat-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  font-size: 0.78rem;
  color: #d1d5db;
  transition: all 0.2s ease;
}

.prj-card-stat-pill.objectives-pill {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.14);
  border-top-color: var(--glass-rim);
  color: #ffffff;
}

.prj-card-stat-pill.objectives-pill .prj-card-stat-icon {
  color: var(--mnml-lime);
}

.prj-card-stat-pill.tasks-pending-pill {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.12);
  border-top-color: var(--glass-rim);
  color: #e5e7eb;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.prj-card-stat-pill.tasks-pending-pill .prj-card-stat-icon {
  color: rgba(255, 255, 255, 0.70);
}

.prj-card-stat-pill.tasks-done-pill {
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.14) 0%, rgba(170, 247, 0, 0.03) 100%);
  border-color: rgba(170, 247, 0, 0.28);
  border-top-color: rgba(170, 247, 0, 0.50);
  color: var(--mnml-lime);
  box-shadow: 0 2px 10px rgba(170, 247, 0, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.25);
}

.prj-card-stat-icon {
  display: inline-flex;
  align-items: center;
  color: currentColor;
  opacity: 0.95;
}

.prj-card-stat-count {
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: 0.88rem;
  color: inherit;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-card-stat-label {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 0.72rem;
  color: inherit;
  opacity: 0.88;
}

/* Liquid Progress Bar */
.prj-card-progress-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 2px;
}

.prj-card-progress-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.72rem;
  color: #9ca3af;
  font-family: var(--font-sans);
}

.prj-card-progress-label {
  font-weight: 500;
  color: #9ca3af;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-card-progress-val {
  font-family: var(--font-sans);
  font-weight: 700;
  color: #ffffff;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-progress-track {
  height: 5px;
  min-height: 5px;
  width: 100%;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6);
  overflow: hidden;
  position: relative;
  display: block;
}

.prj-progress-fill {
  height: 5px;
  min-height: 5px;
  display: block;
  border-radius: 9999px;
  background: linear-gradient(90deg, #aaf700 0%, #bef933 100%);
  box-shadow: 0 0 10px rgba(170, 247, 0, 0.65);
  transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Card Footer */
.prj-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  font-size: 0.74rem;
  color: var(--text-muted);
  font-family: var(--font-sans);
}

.prj-color-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
  background: var(--mnml-lime);
  box-shadow: 0 0 6px rgba(170, 247, 0, 0.5);
}

.prj-card-due {
  font-family: var(--font-sans);
  font-size: 0.74rem;
  color: var(--text-gray);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-card-due.overdue {
  color: #ff453a;
  font-weight: 600;
}

/* Detail Hero & Cover Bar */
.prj-detail-hero {
  position: relative;
  width: 100%;
  height: 250px;
  min-height: 250px;
  flex-shrink: 0;
  border-radius: 22px;
  overflow: hidden;
  background-color: #000000;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 20px;
  border: none;
  outline: none;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 20px;
  box-sizing: border-box;
}

.prj-detail-hero.is-landscape {
  background-size: cover;
}

.prj-detail-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.82) 100%);
  pointer-events: none;
  z-index: 1;
}

.prj-detail-hero-topbar {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.prj-detail-hero-topbar-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.prj-detail-hero-topbar-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.prj-detail-hero-pill-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  font-family: var(--font-sans);
  font-size: 0.76rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.prj-detail-hero-identity {
  position: relative;
  z-index: 3;
  width: 100%;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.prj-hero-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.prj-hero-title {
  font-family: var(--font-display);
  font-size: 1.85rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.025em;
  line-height: 1.2;
  margin: 0;
  word-break: break-word;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.85);
}

.prj-hero-desc {
  font-family: var(--font-sans);
  font-size: 0.86rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.4;
  margin: 2px 0 0 0;
  max-width: 680px;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.80);
}

.prj-hero-progress-strip {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

.prj-hero-progress-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.80rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.88);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.80);
}

.prj-hero-progress-pct {
  color: var(--mnml-orange);
  font-weight: 700;
}

.prj-hero-progress-sep {
  opacity: 0.45;
}

.prj-hero-progress-label {
  color: rgba(255, 255, 255, 0.70);
  font-size: 0.78rem;
}

.prj-hero-progress-track {
  width: 100%;
  height: 5px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  overflow: hidden;
  position: relative;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.prj-hero-progress-fill {
  height: 100%;
  background: var(--mnml-orange);
  border-radius: 999px;
  box-shadow: 0 0 10px rgba(170, 247, 0, 0.45);
  transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Glass Header (No Cover Image) */
.prj-glass-header {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 22px;
  padding: 18px 20px;
  margin-bottom: 20px;
  box-shadow: var(--liquid-glass-shadow);
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
}

.prj-glass-header .prj-hero-title {
  text-shadow: none;
}

.prj-glass-header .prj-hero-desc {
  color: var(--text-muted);
  text-shadow: none;
}

.prj-glass-header .prj-hero-progress-meta {
  color: var(--text-gray);
  text-shadow: none;
}

.prj-glass-header .prj-hero-progress-label {
  color: var(--text-muted);
}

.prj-glass-header .prj-hero-progress-track {
  background: rgba(255, 255, 255, 0.08);
}

.hero-glass-btn {
  background: rgba(14, 14, 18, 0.68) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-top: 1px solid var(--glass-rim-strong) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45), inset 0 1px 1px rgba(255, 255, 255, 0.30) !important;
}

@media (hover: hover) {
  .hero-glass-btn:hover {
    background: rgba(28, 28, 34, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    transform: scale(1.05);
  }
}

.hero-glass-btn:active {
  transform: scale(0.95);
}

@media (max-width: 600px) {
  .prj-detail-hero {
    height: 195px;
    min-height: 195px;
    padding: 14px 16px;
    border-radius: 20px;
  }
  .prj-hero-title {
    font-size: 1.35rem;
  }
  .prj-btn-text-desktop {
    display: none;
  }
}

.prj-detail-add-cover-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-top: 1px solid var(--glass-rim);
  color: var(--text-gray);
  font-family: var(--font-sans);
  font-size: 0.76rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.prj-detail-add-cover-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.35);
  color: #ffffff;
}

/* ==========================================================================
   DESKTOP WORKSPACE LAYOUT & TABS (FULL-WIDTH 1-COLUMN)
   ========================================================================== */
.prj-desktop-layout {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.prj-desktop-main-col {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Desktop Objectives Grid */
.prj-objectives-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 14px;
  align-items: start;
}

.prj-objectives-grid .prj-empty {
  grid-column: 1 / -1;
}

@media (max-width: 680px) {
  .prj-objectives-grid {
    grid-template-columns: 1fr;
  }
}

/* Desktop Workspace Nav Tabs (Liquid Glass Segmented Control) */
.prj-desktop-nav-tabs {
  display: inline-flex;
  align-items: center;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 16px;
  padding: 4px;
  gap: 4px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.12);
  align-self: flex-start;
  max-width: 100%;
  overflow-x: auto;
  margin-bottom: 2px;
}

.prj-nav-tab-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 16px;
  border-radius: 12px;
  background: transparent;
  border: 1px solid transparent;
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: 0.84rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
}

.prj-nav-tab-btn:hover {
  color: var(--text-white);
  background: rgba(255, 255, 255, 0.05);
}

.prj-nav-tab-btn.active {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.16);
  border-top-color: var(--glass-rim);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.30), inset 0 1px 1px rgba(255, 255, 255, 0.18);
}

.prj-nav-tab-btn .prj-tab-badge {
  font-size: 0.72rem;
  padding: 1.5px 7px;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.08);
  color: var(--text-muted);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-nav-tab-btn.active .prj-tab-badge {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}

.prj-desktop-tab-content {
  width: 100%;
}

/* Inspector Sidebar Cards */
.prj-inspector-summary-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 18px;
  padding: 16px 18px;
  box-shadow: var(--liquid-glass-shadow);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.prj-inspector-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.prj-inspector-title {
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
}

.prj-inspector-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.prj-inspector-stat-box {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.prj-stat-val {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-white);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-stat-label {
  font-size: 0.70rem;
  color: var(--text-muted);
  font-weight: 600;
}

/* Quick Focus Preset Widget */
.prj-inspector-focus-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 18px;
  padding: 14px 18px;
  box-shadow: var(--liquid-glass-shadow);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.prj-focus-card-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.prj-focus-card-label {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
}

.prj-focus-card-name {
  font-size: 0.94rem;
  font-weight: 700;
  color: var(--text-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prj-focus-card-meta {
  font-size: 0.72rem;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-focus-card-desc {
  font-size: 0.76rem;
  color: var(--text-muted);
}

.prj-focus-btn-play {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
  background: rgba(170, 247, 0, 0.12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(170, 247, 0, 0.35);
  border-top: 1px solid rgba(170, 247, 0, 0.65);
  color: var(--mnml-orange);
  cursor: pointer;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.30), inset 0 1px 1.5px rgba(255, 255, 255, 0.18);
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
  flex-shrink: 0;
  -webkit-appearance: none;
  appearance: none;
}

.prj-focus-btn-play:hover {
  background: rgba(170, 247, 0, 0.22);
  border-color: rgba(170, 247, 0, 0.60);
  border-top-color: #ffffff;
  box-shadow: 0 0 18px rgba(170, 247, 0, 0.40), inset 0 1px 1.5px rgba(255, 255, 255, 0.35);
  color: #ffffff;
  transform: none !important;
}

.prj-focus-btn-play:active {
  transform: scale(0.92) !important;
}

.prj-focus-btn-play svg,
.prj-focus-btn-play .mnml-svg-icon {
  display: block !important;
  margin: 0 auto !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
}

[data-theme="minimal"] .prj-focus-btn-play {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.20) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .prj-focus-btn-play:hover {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  transform: none !important;
}

/* Modal Cover Studio Picker */
.prj-cover-picker-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
  transition: all 0.25s ease;
}

/* Subtle Lime Glow on Cover Picker */
.prj-cover-picker-container.highlight-glow {
  border-radius: 18px;
  position: relative;
  animation: prjCoverGlowPulse 2.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes prjCoverGlowPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(170, 247, 0, 0);
    outline: 2px solid rgba(170, 247, 0, 0);
  }
  20% {
    box-shadow: 0 0 0 5px rgba(170, 247, 0, 0.32), 0 0 24px rgba(170, 247, 0, 0.45);
    outline: 2px solid rgba(170, 247, 0, 0.85);
  }
  55% {
    box-shadow: 0 0 0 3px rgba(170, 247, 0, 0.18), 0 0 14px rgba(170, 247, 0, 0.25);
    outline: 2px solid rgba(170, 247, 0, 0.50);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(170, 247, 0, 0);
    outline: 2px solid rgba(170, 247, 0, 0);
  }
}

.prj-cover-preview-box {
  position: relative;
  width: 100%;
  height: 135px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-top: 1px solid var(--glass-rim-strong);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.50), inset 0 1px 1.5px rgba(255, 255, 255, 0.35);
}

.prj-cover-preview-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.prj-cover-remove-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.70);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-top: 1px solid var(--glass-rim);
  color: #ff453a;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.18s ease;
}

.prj-cover-remove-btn:hover {
  background: rgba(255, 69, 58, 0.35);
  transform: scale(1.1);
  color: #ffffff;
}

.prj-cover-empty-dropzone {
  width: 100%;
  height: 105px;
  border-radius: 18px;
  border: 1.5px dashed rgba(255, 255, 255, 0.22);
  border-top: 1.5px dashed var(--glass-rim);
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  transition: all 0.22s ease;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.06);
}

.prj-cover-empty-dropzone:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.38);
  border-top-color: var(--glass-rim-strong);
}

.prj-cover-empty-icon {
  color: var(--primary);
  opacity: 0.9;
}

.prj-cover-empty-text {
  font-family: var(--font-sans);
  font-size: 0.80rem;
  font-weight: 600;
  color: #ffffff;
}

.prj-cover-empty-sub {
  font-family: var(--font-sans);
  font-size: 0.68rem;
  color: var(--text-muted);
}

.prj-cover-actions-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.prj-cover-action-pill {
  flex: 1;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 8px 8px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-top: 1px solid var(--glass-rim);
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 0.74rem;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.18s ease;
}

.prj-cover-action-pill:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.28);
}

.prj-cover-action-pill.active {
  background: rgba(255, 149, 0, 0.18);
  border-color: rgba(255, 149, 0, 0.55);
  color: #ff9500;
  box-shadow: 0 2px 10px rgba(255, 149, 0, 0.15);
}

/* Unsplash Cover Studio Picker */
.prj-unsplash-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 2px;
  padding: 11px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08), 0 8px 24px rgba(0, 0, 0, 0.38);
  animation: dropdownFade 0.18s ease;
}

.prj-unsplash-search-bar {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(0, 0, 0, 0.38);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 11px;
  padding: 6px 10px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.prj-unsplash-search-bar:focus-within {
  border-color: rgba(255, 149, 0, 0.65);
  box-shadow: 0 0 0 2px rgba(255, 149, 0, 0.16);
}

.prj-unsplash-search-icon {
  color: var(--text-muted);
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.prj-unsplash-search-input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: none;
  outline: none;
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 0.8rem;
  font-weight: 500;
  padding: 2px 0;
}

.prj-unsplash-search-input::placeholder {
  color: var(--text-muted);
}

.prj-unsplash-clear-btn {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: background 0.15s ease;
}

.prj-unsplash-clear-btn:hover {
  background: rgba(255, 255, 255, 0.25);
}

.prj-unsplash-categories {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 2px;
}

.prj-unsplash-categories::-webkit-scrollbar {
  display: none;
}

.prj-unsplash-cat-pill {
  flex-shrink: 0;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--text-gray);
  font-family: var(--font-sans);
  font-size: 0.71rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.16s ease;
}

.prj-unsplash-cat-pill:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

.prj-unsplash-cat-pill.active {
  background: #ffffff;
  border-color: #ffffff;
  color: #000000;
}

.prj-unsplash-grid-scroll {
  max-height: 215px;
  overflow-y: auto;
  padding-right: 2px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.prj-unsplash-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}

.prj-unsplash-item {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  border-radius: 10px;
  overflow: hidden;
  border: 1.5px solid rgba(255, 255, 255, 0.12);
  padding: 0;
  background: #1c1c1e;
  cursor: pointer;
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.prj-unsplash-item:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.42);
}

.prj-unsplash-item.selected {
  border-color: #ff9500;
  box-shadow: 0 0 0 1.5px #ff9500, 0 4px 12px rgba(255, 149, 0, 0.35);
}

.prj-unsplash-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.prj-unsplash-credit {
  position: absolute;
  inset: auto 0 0 0;
  padding: 10px 5px 3px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.78), transparent);
  color: rgba(255, 255, 255, 0.88);
  font-family: var(--font-sans);
  font-size: 0.58rem;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}

.prj-unsplash-check {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ff9500;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

.prj-unsplash-status {
  padding: 22px 10px;
  text-align: center;
  font-family: var(--font-sans);
  font-size: 0.76rem;
  color: var(--text-muted);
}

.prj-unsplash-load-more {
  width: 100%;
  padding: 7px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--text-gray);
  font-family: var(--font-sans);
  font-size: 0.73rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.16s ease;
}

.prj-unsplash-load-more:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

.prj-unsplash-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--font-sans);
  font-size: 0.65rem;
  color: var(--text-muted);
  padding: 0 2px;
}

.prj-unsplash-footer a {
  color: var(--text-gray);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ==========================================================================
   Project Task Edit Modal (Apple Liquid Glass Native Pop-up)
   ========================================================================== */
#prjTaskModalOverlay {
  z-index: 99999 !important;
}

.prj-task-edit-sheet {
  max-width: 480px !important;
  max-height: 88vh !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 20px 22px !important;
  background: linear-gradient(180deg, rgba(26, 26, 32, 0.90) 0%, rgba(14, 14, 18, 0.96) 100%) !important;
  backdrop-filter: blur(36px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(36px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-top: 1px solid var(--glass-rim-strong) !important;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.80), inset 0 1px 1.5px rgba(255, 255, 255, 0.35) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

[data-theme="minimal"] .prj-task-edit-sheet {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(248, 248, 250, 0.90) 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.14), inset 0 1px 1px #ffffff !important;
}

.prj-task-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  flex-shrink: 0;
}

.prj-task-modal-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.prj-task-modal-tag {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text-white);
  letter-spacing: -0.02em;
}

[data-theme="minimal"] .prj-task-modal-tag {
  color: #000000;
}

.prj-task-modal-close {
  width: 30px;
  height: 30px;
  border: none;
  background: rgba(255, 255, 255, 0.06);
  color: var(--text-muted);
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
}

.prj-task-modal-close:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}

[data-theme="minimal"] .prj-task-modal-close {
  background: rgba(0, 0, 0, 0.05);
  color: #636366;
}

[data-theme="minimal"] .prj-task-modal-close:hover {
  background: rgba(0, 0, 0, 0.10);
  color: #000000;
}

.prj-task-modal-body {
  flex: 1;
  overflow-y: auto;
  padding-right: 4px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  -webkit-overflow-scrolling: touch;
}

.prj-modal-field-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.prj-modal-title-input {
  font-family: var(--font-sans);
  font-size: 0.98rem;
  font-weight: 600;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  color: #ffffff;
  outline: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.prj-modal-title-input:focus {
  border-color: rgba(170, 247, 0, 0.7);
  box-shadow: 0 0 0 3px rgba(170, 247, 0, 0.16);
}

[data-theme="minimal"] .prj-modal-title-input {
  background: rgba(0, 0, 0, 0.035);
  border: 1px solid rgba(0, 0, 0, 0.12);
  color: #000000;
}

[data-theme="minimal"] .prj-modal-title-input:focus {
  border-color: #000000;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

.prj-pills-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.prj-status-pill,
.prj-priority-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 13px;
  border-radius: var(--radius-pill);
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  box-shadow: var(--liquid-glass-shadow);
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.prj-status-pill:hover,
.prj-priority-pill:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.18);
  border-top-color: var(--glass-rim-strong);
  color: var(--text-primary);
  transform: translateY(-1px);
}

.prj-status-pill:active,
.prj-priority-pill:active {
  transform: scale(0.97);
}

.prj-status-pill.active,
.prj-priority-pill.active {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-top: 1px solid var(--glass-rim-strong);
  color: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.40), inset 0 1px 1.5px rgba(255, 255, 255, 0.28);
}

[data-theme="minimal"] .prj-status-pill,
[data-theme="minimal"] .prj-priority-pill {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid #ffffff;
  color: #636366;
  box-shadow: var(--liquid-glass-shadow);
}

[data-theme="minimal"] .prj-status-pill:hover,
[data-theme="minimal"] .prj-priority-pill:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(0, 0, 0, 0.16);
  color: #000000;
}

[data-theme="minimal"] .prj-status-pill.active,
[data-theme="minimal"] .prj-priority-pill.active {
  background: #000000;
  border-color: #000000;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.prj-pill-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 6px currentColor;
  transition: transform 0.18s ease;
}

.prj-status-pill.active .prj-pill-dot,
.prj-priority-pill.active .prj-pill-dot {
  transform: scale(1.18);
  box-shadow: 0 0 8px currentColor;
}

.prj-mini-shortcut-btn {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: var(--text-gray);
  padding: 3px 8px;
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.prj-mini-shortcut-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

[data-theme="minimal"] .prj-mini-shortcut-btn {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.10);
  color: #636366;
}

[data-theme="minimal"] .prj-mini-shortcut-btn:hover {
  background: rgba(0, 0, 0, 0.08);
  color: #000000;
}

.prj-modal-subtasks-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 180px;
  overflow-y: auto;
  padding-right: 2px;
}

.prj-modal-subtasks-empty {
  font-family: var(--font-sans);
  font-size: 0.78rem;
  color: var(--text-muted);
  font-style: italic;
  padding: 6px 2px;
}

.prj-modal-subtask-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.15s ease;
}

.prj-modal-subtask-row.done {
  opacity: 0.6;
}

[data-theme="minimal"] .prj-modal-subtask-row {
  background: rgba(0, 0, 0, 0.025);
  border-color: rgba(0, 0, 0, 0.06);
}

.prj-modal-subtask-text {
  flex: 1;
  font-family: var(--font-sans);
  font-size: 0.84rem;
  color: var(--text-white);
  line-height: 1.35;
  word-break: break-word;
}

.prj-modal-subtask-text.done {
  text-decoration: line-through;
  color: var(--text-muted);
}

[data-theme="minimal"] .prj-modal-subtask-text {
  color: #000000;
}

.prj-modal-subtask-del {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  background: transparent;
  color: var(--text-muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
  transition: all 0.15s ease;
}

.prj-modal-subtask-del:hover {
  opacity: 1;
  color: #ff453a;
  background: rgba(255, 69, 58, 0.12);
}

.prj-modal-add-subtask-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.prj-modal-subtask-input {
  flex: 1;
  font-size: 0.82rem;
  padding: 8px 12px;
}

.prj-task-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-top: 14px;
  margin-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
  flex-wrap: nowrap;
}

[data-theme="minimal"] .prj-task-modal-footer {
  border-top-color: rgba(0, 0, 0, 0.08);
}

.prj-task-modal-footer-left {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.prj-task-modal-footer-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

@media (max-width: 600px) {
  .prj-task-modal-footer {
    gap: 6px;
    padding-top: 12px;
  }
  .prj-task-modal-footer .mnml-btn {
    padding: 7px 14px !important;
    font-size: 0.82rem !important;
    white-space: nowrap !important;
    min-width: 0 !important;
  }
}


.prj-desc {
  font-size: 0.85rem;
  color: var(--text-gray);
  margin-bottom: 14px;
  line-height: 1.45;
}

/* Empty states */
.prj-empty {
  padding: 36px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: var(--text-muted);
}

.prj-empty.small {
  padding: 16px;
}

.prj-empty-icon {
  font-size: 2rem;
  opacity: 0.5;
  margin-bottom: 4px;
}

.prj-empty-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text-white);
}

.prj-empty-text {
  font-size: 0.82rem;
  color: var(--text-muted);
}

/* ===== Project Detail Executive Hub (Apple HIG 1:1) ===== */
.prj-progress-summary-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 18px;
  padding: 12px 16px;
  margin-bottom: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.prj-progress-summary-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.prj-progress-summary-label {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
}

.prj-progress-summary-val {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--mnml-orange);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-progress-summary-track {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  overflow: hidden;
  position: relative;
}

.prj-progress-summary-fill {
  height: 100%;
  background: var(--mnml-orange);
  border-radius: 999px;
  box-shadow: 0 0 10px rgba(170, 247, 0, 0.35);
  transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.prj-add-action-btn {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-top: 1px solid var(--glass-rim);
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 0.76rem;
  font-weight: 600;
  color: var(--mnml-orange);
  cursor: pointer;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
  font-family: var(--font-sans);
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.prj-add-action-btn svg {
  display: block !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
}

.prj-add-action-btn:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.28);
  transform: none !important;
}

.prj-add-action-btn:active {
  transform: scale(0.96) !important;
}

.prj-tab-badge {
  font-size: 0.72rem;
  padding: 1px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: inherit;
  font-weight: 700;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Inset Grouped List (Apple HIG 1:1) */
.prj-inset-group {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.18);
  display: flex;
  flex-direction: column;
}

.prj-inset-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  cursor: pointer;
  transition: background 0.15s ease;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.prj-inset-row:last-child {
  border-bottom: none;
}

.prj-inset-row:hover,
.prj-inset-row:active {
  background: rgba(255, 255, 255, 0.06);
}

.prj-inset-left {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--text-white);
}

.prj-inset-icon {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mnml-orange);
  flex-shrink: 0;
}

.prj-inset-label {
  font-family: var(--font-sans);
}

.prj-inset-right {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-muted);
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-inset-val.highlight {
  color: var(--text-white);
  font-weight: 500;
}

.prj-inset-chevron {
  font-size: 1.15rem;
  color: rgba(255, 255, 255, 0.28);
  line-height: 1;
  font-weight: 400;
}

/* Resource Sheet Modal (Apple Native Mobile Sheet) */
#prjResourceSheetOverlay {
  z-index: 9995;
  background: rgba(0, 0, 0, 0.72) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}

.prj-resource-sheet {
  max-height: 82vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.prj-sheet-scrollable {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  padding-right: 2px;
}

.prj-sheet-scrollable::-webkit-scrollbar {
  width: 4px;
}
.prj-sheet-scrollable::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 999px;
}

/* Project Detail Sections */
.prj-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 22px;
}

.prj-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.prj-section-title {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--text-white);
  display: flex;
  align-items: center;
  gap: 6px;
}

.prj-section-count {
  font-size: 0.72rem;
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.06);
  padding: 2px 7px;
  border-radius: 10px;
}

.prj-section-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Objective Cards */
.prj-objective-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 18px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.20);
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}

.prj-objective-card.completed {
  opacity: 0.65;
  background: var(--liquid-glass-bg-active);
}

.prj-obj-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.prj-obj-main {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.prj-obj-title {
  font-size: 0.94rem;
  font-weight: 600;
  color: var(--text-white);
  word-break: break-word;
}

.prj-objective-card.completed .prj-obj-title {
  text-decoration: line-through;
  color: var(--text-muted);
}

.prj-obj-type {
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 2px 7px;
  border-radius: 6px;
  align-self: center;
}

.prj-obj-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0.74rem;
  color: var(--text-muted);
  flex-wrap: wrap;
}

.prj-obj-due {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.prj-obj-due.overdue {
  color: #ff453a;
  font-weight: 600;
}

.prj-obj-value {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--text-white);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-obj-check {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.22);
  border-top: 1.5px solid rgba(255, 255, 255, 0.55);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.03) 100%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
  margin-top: 1px;
  padding: 0;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35), inset 0 1px 1.5px rgba(255, 255, 255, 0.35);
  transition: all 0.22s cubic-bezier(0.34, 1.56, 0.64, 1);
  position: relative;
  outline: none;
}

@media (hover: hover) {
  .prj-obj-check:hover {
    border-color: rgba(170, 247, 0, 0.60);
    border-top-color: var(--mnml-orange);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.50);
    transform: scale(1.12);
  }
}

.prj-obj-check:active {
  transform: scale(0.90);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
}

.prj-obj-check.checked,
.prj-obj-check.done {
  background: var(--liquid-glass-accent-bg) !important;
  border-color: var(--mnml-orange) !important;
  border-top-color: #ffffff !important;
  box-shadow: var(--liquid-glass-accent-shadow), inset 0 1px 2px rgba(255, 255, 255, 0.75) !important;
  transform: scale(1.05);
  animation: checkBounce 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.prj-obj-check.checked::after,
.prj-obj-check.done::after {
  display: none !important;
  content: none !important;
}

.prj-obj-del {
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  opacity: 0;
  transition: opacity 0.15s ease, color 0.15s ease;
}

.prj-objective-card:hover .prj-obj-del,
.prj-objective-card:focus-within .prj-obj-del {
  opacity: 0.7;
}

@media (hover: none) {
  .prj-obj-del {
    opacity: 0.55;
  }
}

.prj-obj-del:hover {
  color: #ff453a;
  opacity: 1 !important;
}

/* Progress bar, stepper & nudge controls */
.prj-obj-progress-block {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-top: 4px;
}

.prj-stepper-control {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  border-radius: 10px;
  padding: 2px;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}

.prj-stepper-control .prj-step-btn {
  width: 26px;
  height: 26px;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text-muted);
  border-radius: 7px;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
  -webkit-appearance: none;
  appearance: none;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.prj-stepper-control .prj-step-btn svg {
  display: block !important;
  margin: 0 auto !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
}

.prj-stepper-control .prj-step-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff;
  transform: none !important;
}

.prj-stepper-control .prj-step-btn:active {
  transform: scale(0.92) !important;
}

.prj-stepper-control .prj-progress-input {
  width: 44px;
  background: transparent !important;
  border: none !important;
  color: var(--text-white);
  font-size: 0.85rem;
  font-weight: 700;
  text-align: center;
  padding: 0 4px;
  outline: none;
  font-family: inherit;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-progress-row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.prj-progress-track {
  flex: 1;
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  overflow: hidden;
  position: relative;
}

.prj-progress-fill {
  height: 100%;
  background: var(--mnml-orange);
  border-radius: 999px;
  transition: width 0.25s ease;
}

.prj-step-btn {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-top: 1px solid var(--glass-rim);
  background: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.12), 0 2px 6px rgba(0, 0, 0, 0.30);
  color: var(--text-white);
  font-family: var(--font-sans);
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease;
}

.prj-step-btn svg {
  display: block !important;
  margin: 0 auto !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
}

.prj-step-btn:hover {
  background: rgba(255, 255, 255, 0.14);
  transform: none !important;
}

.prj-step-btn:active {
  transform: scale(0.92) !important;
}

.prj-progress-input {
  width: 58px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  padding: 4px 6px;
  color: var(--text-white);
  font-size: 0.85rem;
  text-align: center;
  font-weight: 600;
  outline: none;
  font-family: inherit;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Streak Objective styling */
.prj-streak-row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.prj-streak-pct {
  font-size: 0.78rem;
  font-weight: 600;
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  color: var(--text-gray);
  min-width: 38px;
  text-align: right;
  flex-shrink: 0;
}

.prj-streak-meta-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 4px;
  font-size: 0.74rem;
}

.prj-relapse-action-btn {
  background: rgba(239, 68, 68, 0.09);
  border: 1px solid rgba(239, 68, 68, 0.22);
  color: #f87171;
  border-radius: 8px;
  padding: 4px 9px;
  font-size: 0.72rem;
  font-weight: 600;
  font-family: var(--font-sans);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.prj-relapse-action-btn:hover {
  background: rgba(239, 68, 68, 0.18);
  border-color: rgba(239, 68, 68, 0.38);
  color: #fca5a5;
}

.prj-relapse-action-btn:active {
  transform: scale(0.97);
}

.prj-relapse-count-pill {
  color: var(--text-muted);
  font-size: 0.72rem;
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-streak-eta-pill {
  color: var(--text-muted);
  font-size: 0.72rem;
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-obj-events {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-top: 4px;
  padding-top: 6px;
  border-top: 1px dashed rgba(255, 255, 255, 0.08);
}

/* Row items (Events, Notes, Presets in project) */
.prj-row-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.18);
  gap: 10px;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.prj-row-item:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.28);
  border-top-color: rgba(255, 255, 255, 0.45);
}

.prj-row-item.completed {
  opacity: 0.6;
}

.prj-row-item.completed .prj-row-title {
  text-decoration: line-through;
  color: var(--text-muted);
}

.prj-row-main {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}

.prj-row-title {
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--text-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prj-row-sub {
  font-size: 0.72rem;
  color: var(--text-muted);
}

.prj-row-date {
  font-size: 0.75rem;
  color: var(--text-gray);
  flex-shrink: 0;
}

.prj-row-date.overdue {
  color: #ff453a;
  font-weight: 600;
}

.prj-row-edit {
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.15s ease;
}

.prj-row-edit:hover {
  color: var(--mnml-orange);
  transform: scale(1.15);
}

.prj-row-x {
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 0;
  transition: all 0.15s ease;
}

.prj-row-x svg {
  display: block !important;
  pointer-events: none;
}

.prj-row-x:hover {
  color: #ff453a;
  transform: scale(1.12);
}

.prj-row-play {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
  background: rgba(170, 247, 0, 0.12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(170, 247, 0, 0.35);
  border-top: 1px solid rgba(170, 247, 0, 0.65);
  color: var(--mnml-orange);
  cursor: pointer;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.30), inset 0 1px 1.5px rgba(255, 255, 255, 0.18);
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
  -webkit-appearance: none;
  appearance: none;
}

@media (hover: hover) {
  .prj-row-play:hover {
    background: rgba(170, 247, 0, 0.22);
    border-color: rgba(170, 247, 0, 0.60);
    border-top-color: #ffffff;
    box-shadow: 0 0 18px rgba(170, 247, 0, 0.40), inset 0 1px 1.5px rgba(255, 255, 255, 0.35);
    color: #ffffff;
    transform: none !important;
  }
}

.prj-row-play:active {
  transform: scale(0.92) !important;
}

.prj-row-play svg,
.prj-row-play .mnml-svg-icon {
  display: block !important;
  margin: 0 auto !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
}

/* Section stacking contexts to keep dropdowns above subsequent elements */
.prj-tasks-section {
  position: relative;
  z-index: 40;
}
.prj-notes-section {
  position: relative;
  z-index: 10;
}
.prj-clocks-section {
  position: relative;
  z-index: 5;
}

/* Inline Task Creator in Projects (Desktop Workstation) */
.prj-inline-creator-card {
  position: relative;
  z-index: 50;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.15);
  margin-bottom: 6px;
  animation: dropdownFade 0.18s ease-out;
}

.prj-inline-creator-card.has-open-dropdown {
  z-index: 200;
}

.prj-obj-events .prj-inline-creator-card {
  width: 100%;
  margin-top: 6px;
  flex: 1 1 100%;
}

.prj-inline-creator-top {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.prj-inline-task-input {
  flex: 1;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  font-size: 0.90rem !important;
  color: var(--text-white) !important;
  transition: all 0.15s ease !important;
}

.prj-inline-task-input:focus {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--mnml-orange) !important;
  box-shadow: 0 0 12px rgba(170, 247, 0, 0.13) !important;
}

.prj-inline-creator-btns {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.prj-inline-creator-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 6px;
  border-top: 1px solid var(--glass-rim);
}

.prj-inline-chips {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.prj-inline-extras {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.prj-quick-chip {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 0.76rem;
  font-weight: 500;
  color: var(--text-gray);
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: inherit;
  outline: none;
}

.prj-quick-chip:hover {
  background: rgba(255, 255, 255, 0.12);
  color: var(--text-white);
  border-color: rgba(255, 255, 255, 0.25);
}

.prj-quick-chip.active {
  background: var(--mnml-orange-dim);
  color: var(--mnml-orange);
  border-color: rgba(170, 247, 0, 0.40);
  font-weight: 600;
}

/* Quick Dropdown Trigger (used for Date, Time and Objective in inline task creator) */
.prj-quick-dropdown-container {
  position: relative;
  display: inline-block;
}

.prj-quick-dropdown-container.is-open {
  z-index: 500;
}

.prj-quick-dropdown-trigger {
  width: auto !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 20px !important;
  padding: 5px 12px !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  color: var(--text-gray) !important;
  box-shadow: none !important;
  max-width: 220px !important;
  gap: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  font-family: inherit !important;
  user-select: none !important;
}

.prj-quick-dropdown-trigger:hover,
.prj-quick-dropdown-trigger.open {
  background: rgba(255, 255, 255, 0.12) !important;
  color: var(--text-white) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.prj-quick-dropdown-trigger.active {
  background: var(--mnml-orange-dim) !important;
  color: var(--mnml-orange) !important;
  border-color: rgba(170, 247, 0, 0.40) !important;
  font-weight: 600 !important;
}

.prj-quick-dropdown-trigger .custom-dropdown-chevron {
  font-size: 0.7rem;
  margin-left: 2px;
  color: var(--mnml-orange);
  transition: transform 0.2s ease;
}

.prj-quick-dropdown-trigger.open .custom-dropdown-chevron {
  transform: rotate(180deg);
}

.prj-quick-dropdown-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  left: auto;
  min-width: 200px;
  max-width: 280px;
  max-height: 240px;
  overflow-y: auto;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 16px;
  box-shadow: var(--liquid-glass-shadow);
  padding: 6px;
  z-index: 99999;
  display: none;
  flex-direction: column;
  gap: 3px;
  animation: dropdownFade 0.15s ease;
}

.prj-quick-dropdown-menu.show {
  display: flex !important;
}

.prj-quick-dropdown-menu .custom-dropdown-item {
  padding: 8px 12px;
  border-radius: 9px;
  font-size: 0.82rem;
  color: var(--text-white);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  transition: background 0.12s ease;
}

.prj-quick-dropdown-menu .custom-dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

.prj-quick-dropdown-menu .custom-dropdown-item.selected {
  background-color: var(--mnml-orange-dim);
  color: var(--mnml-orange);
  font-weight: 600;
}

/* Quick Time Popover Menu */
.prj-quick-time-menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  left: auto;
  width: 250px;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 16px;
  box-shadow: var(--liquid-glass-shadow);
  padding: 12px;
  z-index: 99999;
  display: none;
  flex-direction: column;
  gap: 8px;
  animation: dropdownFade 0.15s ease;
}

.prj-quick-time-menu.show {
  display: flex !important;
}

/* Quick Date Popover Menu (Lima Identity Calendar) */
.prj-quick-date-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: auto;
  width: 290px;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 16px;
  box-shadow: var(--liquid-glass-shadow);
  padding: 12px;
  z-index: 99999;
  display: none;
  flex-direction: column;
  animation: dropdownFade 0.15s ease;
}

.prj-quick-date-menu.show {
  display: flex !important;
}

.prj-quick-date-menu .calendar-month-widget {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.prj-quick-date-menu .calendar-month-widget::before {
  display: none !important;
}

.prj-quick-date-menu .calendar-days-grid {
  gap: 4px;
}

.prj-quick-date-menu .calendar-day-cell {
  font-size: 0.82rem;
}

.prj-time-slot-btn {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 8px;
  color: var(--text-white);
  padding: 6px 0;
  font-size: 0.76rem;
  font-family: inherit;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.12s ease;
  text-align: center;
}

.prj-time-slot-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.25);
}

.prj-time-slot-btn.active {
  background: var(--mnml-orange-dim);
  border-color: rgba(170, 247, 0, 0.50);
  color: var(--mnml-orange);
  font-weight: 700;
}

/* Liquid Glass "Más opciones" Action Button */
.prj-quick-more-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-pill);
  font-size: 0.76rem;
  font-weight: 600;
  color: var(--text-white);
  cursor: pointer;
  padding: 6px 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: var(--liquid-glass-shadow);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  text-decoration: none !important;
  white-space: nowrap;
}

.prj-quick-more-btn:hover {
  background: var(--liquid-glass-bg-hover);
  border: var(--liquid-glass-border-hover);
  border-top: 1px solid var(--glass-rim-strong);
  color: #ffffff;
  box-shadow: var(--liquid-glass-shadow-hover);
  transform: translateY(-1px);
  text-decoration: none !important;
}

.prj-quick-more-btn:active {
  background: var(--liquid-glass-bg-active);
  transform: scale(0.97);
  box-shadow: var(--liquid-glass-shadow-active);
}

/* Subtasks Inline Section in Projects Task Creator & Editor */
.prj-inline-subtasks-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 6px 0 4px 0;
}

.prj-inline-subtasks-input-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.prj-inline-subtasks-glyph {
  font-size: 1rem;
  color: var(--text-muted);
  line-height: 1;
  user-select: none;
  padding-left: 4px;
}

.prj-inline-subtask-input {
  flex: 1;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-radius: 10px !important;
  padding: 6px 12px !important;
  font-size: 0.82rem !important;
  font-family: var(--font-sans) !important;
  color: var(--text-white) !important;
  transition: all 0.15s ease !important;
}

.prj-inline-subtask-input:focus {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(170, 247, 0, 0.40) !important;
  box-shadow: 0 0 0 2px rgba(170, 247, 0, 0.12) !important;
}

.prj-inline-add-subtask-btn {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  border-radius: 10px;
  color: var(--text-white);
  font-size: 0.76rem;
  font-weight: 600;
  font-family: var(--font-sans);
  padding: 6px 12px;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.prj-inline-add-subtask-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}

.prj-inline-subtasks-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 180px;
  overflow-y: auto;
  padding-left: 0;
  margin-bottom: 8px;
}

.prj-inline-subtask-row {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 8px;
  padding: 5px 8px;
  font-size: 0.80rem;
  color: var(--text-white);
  font-family: var(--font-sans);
  transition: background 0.15s ease, border-color 0.15s ease;
}

.prj-inline-subtask-pip {
  color: var(--primary);
  font-size: 0.9rem;
  line-height: 1;
}

.prj-inline-subtask-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prj-inline-subtask-row.done .prj-inline-subtask-text {
  text-decoration: line-through;
  color: var(--text-muted);
}

.prj-inline-subtask-del-btn {
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  padding: 2px 4px;
  line-height: 0;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.15s ease;
}

.prj-inline-subtask-del-btn svg {
  display: block !important;
  pointer-events: none;
}

.prj-inline-subtask-del-btn:hover {
  color: #ff453a;
}

.prj-inline-creator-left-info {
  display: flex;
  align-items: center;
  gap: 8px;
}

.prj-inline-empty-hint {
  font-size: 0.74rem;
  color: var(--text-muted);
  font-family: var(--font-sans);
}

/* Subtask Badge Toggle and Accordion in Project Task Rows */
.prj-row-item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

.prj-subtask-toggle-btn {
  cursor: pointer;
  user-select: none;
  font-family: var(--font-sans) !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.prj-subtask-toggle-btn:hover {
  border-color: rgba(255, 255, 255, 0.28);
  transform: scale(1.02);
}

.prj-subtasks-drawer {
  margin-left: 28px;
  margin-top: 4px;
  margin-bottom: 6px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.025);
  border-left: 2px solid rgba(170, 247, 0, 0.35);
  border-radius: 0 10px 10px 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  animation: mnmlFadeIn 0.18s ease-out;
}

.prj-subtask-drawer-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.80rem;
  color: var(--text-white);
  font-family: var(--font-sans);
  padding: 3px 6px;
  border-radius: 6px;
  transition: background 0.15s ease;
}

.prj-subtask-drawer-text {
  flex: 1;
  line-height: 1.3;
}

.prj-subtask-drawer-text.completed {
  text-decoration: line-through;
  color: var(--text-muted);
}

/* Universal Drag Handle & Active States for Projects */
.prj-drag-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  color: var(--text-muted);
  opacity: 0.35;
  cursor: grab;
  touch-action: none;
  flex-shrink: 0;
  transition: opacity 0.15s ease, color 0.15s ease;
  user-select: none;
  -webkit-user-select: none;
}

.prj-drag-handle svg {
  pointer-events: none;
}

.prj-drag-handle:active {
  cursor: grabbing !important;
  opacity: 1 !important;
  color: var(--mnml-orange) !important;
}

@media (hover: hover) {
  .prj-row-item:hover .prj-drag-handle {
    opacity: 0.85;
    color: var(--text-white);
  }
  .prj-inline-subtask-row:hover .subtask-drag-handle,
  .prj-subtask-drawer-row:hover .subtask-drag-handle,
  .prj-modal-subtask-row:hover .subtask-drag-handle {
    opacity: 0.85;
    color: var(--text-white);
  }
}

.prj-row-item-wrapper.is-dragging {
  z-index: 1000 !important;
}

.prj-row-item-wrapper.is-dragging .prj-row-item {
  background: rgba(28, 28, 35, 0.98) !important;
  border-color: var(--mnml-orange) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.85), 0 0 16px rgba(170, 247, 0, 0.22) !important;
  transform: scale(1.015);
}

.prj-row-item-wrapper.is-dragging .prj-drag-handle {
  cursor: grabbing !important;
  opacity: 1 !important;
  color: var(--mnml-orange) !important;
}

.subtask-drag-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: var(--text-muted);
  opacity: 0.40;
  cursor: grab;
  touch-action: none;
  flex-shrink: 0;
  transition: opacity 0.15s ease, color 0.15s ease;
  user-select: none;
  -webkit-user-select: none;
}

.subtask-drag-handle svg {
  pointer-events: none;
}

.subtask-drag-handle:active {
  cursor: grabbing !important;
  opacity: 1 !important;
  color: var(--mnml-orange) !important;
}

.prj-inline-subtask-row.is-dragging,
.prj-subtask-drawer-row.is-dragging,
.prj-modal-subtask-row.is-dragging {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: var(--mnml-orange) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.6) !important;
  z-index: 1000 !important;
}

.prj-inline-subtask-row.is-dragging .subtask-drag-handle,
.prj-subtask-drawer-row.is-dragging .subtask-drag-handle,
.prj-modal-subtask-row.is-dragging .subtask-drag-handle {
  cursor: grabbing !important;
  opacity: 1 !important;
  color: var(--mnml-orange) !important;
}

.agenda-check-btn.small {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  flex-shrink: 0;
}

.agenda-check-btn.small.checked::after {
  width: 8px !important;
  height: 6.5px !important;
}

/* Inline Objective Task Form */
.prj-obj-inline-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px dashed rgba(255, 255, 255, 0.10);
  animation: dropdownFade 0.15s ease-out;
}

.prj-obj-inline-input {
  flex: 1;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 10px !important;
  padding: 6px 10px !important;
  font-size: 0.84rem !important;
  color: var(--text-white) !important;
}

.prj-obj-inline-input:focus {
  border-color: var(--mnml-orange) !important;
}

/* Clock / Preset Liquid Glass Icon Wrapper */
.clock-icon-wrap {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  border-radius: 12px;
  background: rgba(170, 247, 0, 0.08);
  border: 1px solid rgba(170, 247, 0, 0.25);
  border-top: 1px solid rgba(170, 247, 0, 0.50);
  color: var(--mnml-orange) !important;
  margin: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.18);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  z-index: 1;
}

@media (hover: hover) {
  .note-card-item:hover .clock-icon-wrap,
  .prj-row-item:hover .clock-icon-wrap,
  .prj-row-item:hover .note-icon-wrap {
    background: rgba(170, 247, 0, 0.16);
    border-color: rgba(170, 247, 0, 0.50);
    box-shadow: 0 0 12px rgba(170, 247, 0, 0.16), inset 0 1px 1px rgba(255, 255, 255, 0.25);
    transform: scale(1.05);
  }
}

.clock-icon-wrap svg,
.clock-icon-wrap .mnml-svg-icon {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  flex-shrink: 0 !important;
  display: block !important;
  stroke: var(--mnml-orange) !important;
  color: var(--mnml-orange) !important;
  stroke-width: 2 !important;
  filter: drop-shadow(0 0 3px rgba(170, 247, 0, 0.18));
}

/* Chips (Event chips in objective cards) */
.prj-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-top: 1px solid var(--glass-rim);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.08), 0 2px 6px rgba(0, 0, 0, 0.25);
  color: var(--text-white);
  font-size: 0.74rem;
  cursor: pointer;
  transition: all 0.15s ease;
}

.prj-chip:hover {
  background: rgba(255, 255, 255, 0.12);
}

.prj-chip.completed {
  opacity: 0.65;
}

.prj-chip.completed .prj-chip-label {
  text-decoration: line-through;
  color: var(--text-muted);
}

.prj-chip-sub {
  color: var(--text-muted);
  font-size: 0.68rem;
  opacity: 0.82;
  margin-left: 2px;
}

/* Micro Liquid Glass Checkbox for Objective Chips */
.prj-chip-check {
  width: 17px;
  height: 17px;
  min-width: 17px;
  min-height: 17px;
  border-radius: 50%;
  border: 1.2px solid rgba(255, 255, 255, 0.28);
  border-top: 1.2px solid rgba(255, 255, 255, 0.60);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.04) 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35), inset 0 0.8px 1px rgba(255, 255, 255, 0.35);
  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  position: relative;
  outline: none;
}

@media (hover: hover) {
  .prj-chip-check:hover {
    border-color: rgba(170, 247, 0, 0.60);
    border-top-color: var(--mnml-orange);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35), inset 0 1px 1.5px rgba(255, 255, 255, 0.50);
    transform: scale(1.15);
  }
}

.prj-chip-check:active {
  transform: scale(0.90);
}

.prj-chip-check.checked {
  background: var(--liquid-glass-accent-bg) !important;
  border-color: var(--mnml-orange) !important;
  border-top-color: #ffffff !important;
  box-shadow: var(--liquid-glass-accent-shadow), inset 0 1px 1.5px rgba(255, 255, 255, 0.75) !important;
  transform: scale(1.05);
}

.prj-chip-check.checked::after {
  content: '';
  width: 6px;
  height: 3.5px;
  border-left: 1.8px solid #000000;
  border-bottom: 1.8px solid #000000;
  transform: rotate(-45deg) translate(0.5px, -0.5px);
  display: block;
}

.prj-chip.add {
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.14);
  border-top-color: var(--glass-rim);
  background: rgba(255, 255, 255, 0.05);
  color: var(--text-gray);
  font-weight: 500;
  transition: all 0.15s ease;
}

.prj-chip.add:hover {
  background: rgba(255, 255, 255, 0.12);
  color: var(--text-white);
  border-color: rgba(255, 255, 255, 0.28);
}

.prj-chip-x {
  opacity: 0.6;
  margin-left: 2px;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.prj-chip-x svg {
  display: block !important;
  pointer-events: none;
}

.prj-chip-x:hover {
  opacity: 1;
  color: #ff453a;
}

/* Fields & Modals */
.prj-field-label {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 4px;
  display: block;
}

.prj-field-input {
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  border-radius: 12px;
  padding: 10px 14px;
  color: var(--text-white);
  font-family: var(--font-sans);
  font-size: 0.90rem;
  outline: none;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}

textarea.prj-field-input,
#prjDescInput {
  resize: none !important;
  min-height: 64px;
  max-height: 64px;
  overflow-y: auto;
}

.prj-field-input:focus {
  border-color: rgba(170, 247, 0, 0.5);
  box-shadow: 0 0 0 3px rgba(170, 247, 0, 0.15), inset 0 1px 2px rgba(0, 0, 0, 0.4);
}

.prj-segmented {
  display: flex;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  padding: 3px;
  gap: 4px;
}

.prj-segmented button {
  flex: 1;
  background: transparent;
  border: none;
  padding: 7px 10px;
  border-radius: 8px;
  color: var(--text-muted);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.prj-segmented button.active {
  background: rgba(255, 255, 255, 0.15);
  color: var(--text-white);
}

.prj-color-row {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.prj-color-swatch {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid transparent;
  transition: transform 0.15s ease;
}

.prj-color-swatch.selected {
  border-color: #fff;
  transform: scale(1.15);
}

.prj-color-swatch.prj-color-none {
  background: rgba(255, 255, 255, 0.05);
  border: 1.5px solid rgba(255, 255, 255, 0.22);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}

.prj-color-swatch.prj-color-none::before {
  content: '';
  position: absolute;
  width: 13px;
  height: 2px;
  background: #ff453a;
  transform: rotate(-45deg);
  border-radius: 99px;
  box-shadow: 0 0 3px rgba(255, 69, 58, 0.6);
}

.prj-color-swatch.custom-picker-swatch {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.mnml-color-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(to right, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  outline: none;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.6);
  cursor: pointer;
  margin: 4px 0;
  padding: 0;
}

.mnml-color-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.9);
  cursor: pointer;
  transition: transform 0.12s ease;
}

.mnml-color-slider::-webkit-slider-thumb:hover,
.mnml-color-slider::-webkit-slider-thumb:active {
  transform: scale(1.15);
}

.mnml-color-slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6), inset 0 1px 2px rgba(255, 255, 255, 0.9);
  cursor: pointer;
}

.prj-reminder-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.prj-reminder-chip {
  padding: 4px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--text-muted);
  font-size: 0.76rem;
  cursor: pointer;
}

.prj-reminder-chip.active {
  background: var(--mnml-orange-dim);
  border-color: var(--mnml-orange);
  color: var(--mnml-orange);
  font-weight: 600;
}

.prj-date-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  color: var(--text-white);
  cursor: pointer;
  font-size: 0.86rem;
}

.prj-date-btn.active {
  border-color: var(--mnml-orange);
}

/* Assign picker */
.prj-search-box {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  border-radius: 12px;
  padding: 9px 12px;
  margin-bottom: 10px;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.10);
  transition: border-color 0.15s ease;
}

.prj-search-box:focus-within {
  border-color: var(--mnml-orange);
}

.prj-search-icon {
  display: flex;
  align-items: center;
  color: var(--text-muted);
  flex-shrink: 0;
}

.prj-search-box input {
  flex: 1;
  min-width: 0;
  background: transparent;
  border: none;
  outline: none;
  padding: 0;
  color: var(--text-white);
  font-size: 0.88rem;
  font-family: inherit;
}

.prj-search-box input::placeholder {
  color: var(--text-muted);
}

.prj-assign-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 50vh;
  overflow-y: auto;
}

.prj-assign-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 14px;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.18);
  color: var(--text-white);
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
  width: 100%;
}

.prj-assign-row:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.28);
  border-top-color: rgba(255, 255, 255, 0.45);
}

/* ==========================================================================
   SCHEDULE WIZARD (2-STEP INBOX SCHEDULING FLOW)
   ========================================================================== */

.schedule-wizard-step-tag {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--mnml-orange);
  background: var(--mnml-orange-dim);
  padding: 2px 7px;
  border-radius: 6px;
}

.schedule-dest-summary-chip {
  display: flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.8rem;
  color: var(--text-white);
  margin-bottom: 8px;
}

.schedule-tree-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  cursor: pointer;
  text-align: left;
  transition: all 0.15s ease;
  width: 100%;
}

.schedule-tree-item:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
}

.schedule-tree-item-left {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.schedule-tree-icon {
  color: var(--mnml-orange);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.schedule-tree-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-white);
}

.schedule-tree-desc {
  font-size: 0.72rem;
  color: var(--text-muted);
}

.schedule-tree-arrow {
  color: var(--text-muted);
  font-size: 1.1rem;
}

.schedule-tree-node {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.15s ease;
}

.schedule-tree-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  gap: 8px;
}

.schedule-tree-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: none;
  color: var(--text-white);
  cursor: pointer;
  flex: 1;
  text-align: left;
  min-width: 0;
}

.schedule-tree-chevron {
  font-size: 0.75rem;
  color: var(--text-muted);
  width: 14px;
  text-align: center;
}

.schedule-tree-name {
  font-size: 0.88rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.schedule-tree-create-btn {
  background: var(--mnml-orange-dim);
  border: 1px solid rgba(170, 247, 0, 0.35);
  color: var(--mnml-orange);
  border-radius: 8px;
  padding: 4px 10px;
  font-size: 0.74rem;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease;
}

.schedule-tree-create-btn:hover {
  background: rgba(170, 247, 0, 0.25);
}

.schedule-tree-create-btn.small {
  padding: 2px 7px;
  font-size: 0.7rem;
}

/* Apple iOS Native Project Action Icon Buttons */
.schedule-tree-icon-btn {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim);
  color: var(--text-gray);
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
  box-sizing: border-box !important;
}

.schedule-tree-icon-btn:hover {
  background: rgba(255, 255, 255, 0.14);
  color: var(--text-white);
  border-color: rgba(255, 255, 255, 0.24);
  transform: scale(1.04);
}

.schedule-tree-icon-btn:active {
  transform: scale(0.94);
}

.schedule-tree-icon-btn.dated-btn {
  background: rgba(170, 247, 0, 0.12);
  border-color: rgba(170, 247, 0, 0.28);
  color: var(--mnml-orange);
}

.schedule-tree-icon-btn.dated-btn:hover {
  background: var(--mnml-orange);
  color: #000000;
  border-color: var(--mnml-orange);
}

.schedule-tree-sublist {
  padding: 10px 12px;
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 14px;
  margin: 4px 6px 8px 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.schedule-tree-sublist.nested {
  padding-left: 14px;
  background: rgba(0, 0, 0, 0.20);
}

.schedule-tree-sublabel {
  font-size: 0.72rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-weight: 600;
  margin-top: 2px;
  margin-bottom: 2px;
}

.schedule-tree-event-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-top: 1px solid var(--glass-rim);
  border-radius: 10px;
  cursor: pointer;
  color: var(--text-white);
  text-align: left;
  gap: 8px;
  transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
  width: 100%;
  box-sizing: border-box;
}

.schedule-tree-event-item:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateX(2px);
}

.schedule-tree-sub-icon {
  color: var(--mnml-orange);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.schedule-tree-event-title {
  font-size: 0.82rem;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}

.schedule-tree-event-date {
  font-size: 0.72rem;
  font-weight: 600;
  font-family: var(--font-sans);
  color: var(--text-muted);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: 'tnum' 1, 'lnum' 1;
  flex-shrink: 0;
}

/* ===== SCHEDULE CALENDAR PEEK POPOVER (Apple Liquid Glass) ===== */
.schedule-cal-peek-popover {
  position: fixed;
  z-index: 10050;
  background: rgba(18, 18, 22, 0.92);
  backdrop-filter: blur(28px) saturate(190%);
  -webkit-backdrop-filter: blur(28px) saturate(190%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-top: 1px solid var(--glass-rim-strong);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.70), 0 0 1px rgba(255, 255, 255, 0.35);
  border-radius: 18px;
  padding: 12px 14px;
  box-sizing: border-box;
  pointer-events: auto;
  user-select: none;
  -webkit-user-select: none;
  max-height: min(390px, 68vh);
  display: flex;
  flex-direction: column;
  animation: schedulePeekIn 0.16s cubic-bezier(0.16, 1, 0.3, 1);
}

.schedule-peek-list {
  max-height: 290px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-right: 2px;
}

.schedule-peek-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-top: 1px solid var(--glass-rim);
  border-radius: 10px;
  min-height: 34px;
  box-sizing: border-box;
  transition: background 0.15s ease;
}

.schedule-peek-item-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.schedule-peek-item-content {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
}

.schedule-peek-item-title {
  font-size: 0.81rem;
  font-weight: 500;
  color: var(--text-white);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.35;
  word-break: break-word;
  flex: 1;
  min-width: 0;
}

.schedule-peek-item-title.is-done {
  color: var(--text-muted);
  text-decoration: line-through;
  opacity: 0.65;
}

.schedule-peek-item-time {
  font-size: 0.68rem;
  font-weight: 600;
  font-family: var(--font-sans);
  color: var(--text-gray);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 9999px;
  padding: 2px 7px;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: 'tnum' 1, 'lnum' 1;
  flex-shrink: 0;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
}

@keyframes schedulePeekIn {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(4px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.schedule-tree-event-date {
  font-size: 0.72rem;
  color: var(--text-muted);
  flex-shrink: 0;
}

.schedule-tree-empty-note {
  font-size: 0.74rem;
  color: var(--text-muted);
  font-style: italic;
  padding: 4px 0;
}

.schedule-quick-btn {
  flex: 1;
  padding: 8px 6px;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--text-white);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: center;
}

.schedule-quick-btn.active {
  background: var(--mnml-orange-dim);
  border-color: var(--mnml-orange);
  color: var(--mnml-orange);
}

/* ==========================================================================
   HOME SCREEN - PROJECTS WIDGET
   ========================================================================== */

.home-project-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 16px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  text-align: left;
  width: 100%;
}

.home-project-card:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.22);
}

.home-project-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.home-project-name {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--text-white);
  display: flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-project-pct {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--mnml-orange);
  flex-shrink: 0;
}

.home-project-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.72rem;
  color: var(--text-muted);
}

.home-project-due {
  color: var(--text-gray);
  font-size: 0.72rem;
}

.home-project-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  gap: 10px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  text-align: left;
  width: 100%;
}

.home-project-item:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.25);
}

.home-project-main {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1;
}

.home-project-sub {
  font-size: 0.72rem;
  color: var(--text-muted);
}

.prj-progress-track.small {
  height: 4px;
  margin-top: 2px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 2px;
}

/* ==========================================
   Project Files (Lima Cloud Storage)
   ========================================== */
.prj-files-section {
  position: relative;
}

.prj-files-dropdown-item {
  transition: background 0.15s ease, color 0.15s ease;
}

.prj-files-dropdown-item:hover {
  background: rgba(255, 255, 255, 0.10) !important;
}

.prj-files-dropdown-item:active {
  background: rgba(255, 255, 255, 0.16) !important;
}

.prj-file-row {
  cursor: pointer;
}

.prj-file-row:hover .prj-row-title {
  color: var(--accent-orange, #ff9500);
}

.prj-row-link-btn {
  transition: all 0.15s ease;
}

.prj-row-link-btn:hover {
  color: var(--text-white) !important;
  background: rgba(255, 255, 255, 0.10) !important;
}

.prj-files-dropzone {
  min-height: 50px;
  transition: all 0.2s ease;
  border-radius: 14px;
}

.prj-files-dropzone.drag-over {
  border: 1.5px dashed rgba(255, 255, 255, 0.4) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border-radius: 14px;
}

.prj-files-empty-drop:hover {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.05);
}

/* File category color accents */
.file-cat-pdf {
  background: rgba(255, 69, 58, 0.14) !important;
  color: #ff453a !important;
}

.file-cat-image {
  background: rgba(48, 209, 88, 0.14) !important;
  color: #30d158 !important;
}

.file-cat-sheet {
  background: rgba(52, 199, 89, 0.14) !important;
  color: #34c759 !important;
}

.file-cat-text {
  background: rgba(10, 132, 255, 0.14) !important;
  color: #0a84ff !important;
}

.file-cat-presentation {
  background: rgba(255, 159, 10, 0.14) !important;
  color: #ff9f0a !important;
}

.file-cat-archive {
  background: rgba(191, 90, 242, 0.14) !important;
  color: #bf5af2 !important;
}

.file-cat-file {
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--text-muted) !important;
}

/* ==========================================
   Lima Cloud Storage Tree View & Directory Hierarchy
   ========================================== */
.prj-drive-connect-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 28px 20px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px dashed rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  margin: 6px 0;
}

.prj-tree-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 28px;
  color: var(--text-muted);
  font-size: 0.84rem;
}

.prj-tree-folder-group {
  margin-bottom: 3px;
}

.prj-tree-folder-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.15s ease;
  user-select: none;
}

.prj-tree-folder-row:hover {
  background: rgba(255, 255, 255, 0.05);
}

.prj-tree-folder-row.drag-over-folder {
  background: rgba(255, 255, 255, 0.10) !important;
  outline: 1.5px dashed rgba(255, 255, 255, 0.35);
  outline-offset: -1px;
}

.prj-tree-toggle-btn {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
  border-radius: 5px;
  transition: color 0.15s ease, background 0.15s ease;
  flex-shrink: 0;
  padding: 0;
}

.prj-tree-toggle-btn:hover {
  color: var(--text-white);
  background: rgba(255, 255, 255, 0.08);
}

.prj-tree-folder-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--text-white, #f5f5f7);
  transition: all 0.15s ease;
}

.prj-tree-folder-row:hover .prj-tree-folder-icon {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.14);
}

.prj-tree-folder-name {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
}

.prj-tree-badge {
  font-size: 0.68rem;
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--text-muted);
  font-weight: 600;
  flex-shrink: 0;
}

.prj-tree-row-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  opacity: 0.4;
  transition: opacity 0.15s ease;
}

.prj-tree-folder-row:hover .prj-tree-row-actions,
.prj-tree-file-row:hover .prj-tree-row-actions {
  opacity: 1;
}

@media (max-width: 768px) {
  .prj-tree-row-actions {
    opacity: 0.85;
  }
}

.prj-tree-action-icon-btn {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: var(--text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  font-size: 0.72rem;
  transition: all 0.15s ease;
  padding: 0;
}

.prj-tree-action-icon-btn:hover {
  color: var(--text-white);
  background: rgba(255, 255, 255, 0.10);
}

.prj-tree-action-icon-btn.danger:hover {
  color: #ff453a !important;
  background: rgba(255, 69, 58, 0.12) !important;
}

.prj-tree-children-container {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  margin-left: 18px;
  margin-top: 2px;
  margin-bottom: 4px;
}

.prj-tree-empty-folder {
  padding: 6px 12px;
  font-size: 0.74rem;
  color: var(--text-muted);
  font-style: italic;
}

.prj-tree-file-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.15s ease;
  text-decoration: none;
  color: inherit;
}

.prj-tree-file-row:hover {
  background: rgba(255, 255, 255, 0.05);
}

.prj-tree-file-icon-wrap {
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.prj-tree-file-info {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex-grow: 1;
}

.prj-tree-file-name {
  font-size: 0.82rem;
  color: var(--text-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  transition: color 0.15s ease;
}

.prj-tree-file-row:hover .prj-tree-file-name {
  color: var(--accent-orange, #ff9500);
}

.prj-tree-file-meta {
  font-size: 0.70rem;
  color: var(--text-muted);
  margin-top: 1px;
}

.prj-tree-empty-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 28px 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px dashed rgba(255, 255, 255, 0.12);
  margin: 6px 0;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.spinning {
  animation: spin 0.8s linear infinite;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Image thumbnail in tree */
.prj-tree-file-thumb-wrap {
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  cursor: pointer;
  transition: transform 0.15s ease, border-color 0.15s ease;
}

.prj-tree-file-thumb-wrap:hover {
  transform: scale(1.08);
  border-color: var(--accent-orange, #ff9f0a);
}

.prj-tree-file-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Dragging state */
.prj-item-dragging {
  opacity: 0.35 !important;
  transform: scale(0.98);
}

.prj-files-dropzone.drag-over {
  outline: 2px dashed rgba(255, 255, 255, 0.25) !important;
  outline-offset: -2px;
  background: rgba(255, 255, 255, 0.03) !important;
  border-radius: 12px;
}

/* Image Lightbox Modal */
.prj-img-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.prj-img-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  cursor: pointer;
}

.prj-img-lightbox-content {
  position: relative;
  z-index: 1;
  max-width: 90vw;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  background: rgba(28, 28, 30, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.8);
}

.prj-img-lightbox-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  gap: 12px;
}

.prj-img-lightbox-title {
  color: var(--text-white);
  font-size: 0.88rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 60vw;
}

.prj-img-lightbox-body {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  max-height: calc(90vh - 65px);
}

.prj-img-lightbox-img {
  max-width: 100%;
  max-height: calc(85vh - 75px);
  object-fit: contain;
  border-radius: 10px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

/* Projects Files Section & Drag Overlay */
.prj-files-section {
  position: relative;
}

.prj-files-drag-overlay {
  position: absolute;
  inset: 0;
  z-index: 50;
  background: rgba(14, 16, 22, 0.94);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 2px dashed rgba(255, 255, 255, 0.45);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  animation: overlayFadeIn 0.18s ease;
  pointer-events: none;
}

.prj-files-drag-overlay-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  pointer-events: none;
}

.prj-files-drag-icon-pulse {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
  animation: floatPulse 1.8s ease-in-out infinite;
  margin-bottom: 4px;
}

@keyframes floatPulse {
  0%, 100% {
    transform: translateY(0);
    opacity: 0.9;
  }
  50% {
    transform: translateY(-4px);
    opacity: 1;
  }
}

@keyframes overlayFadeIn {
  from { opacity: 0; transform: scale(0.99); }
  to { opacity: 1; transform: scale(1); }
}

/* Upload Progress Container with Spinning Wheel */
.prj-upload-progress-container {
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
  margin-bottom: 10px;
  transition: all 0.2s ease;
}

.prj-upload-wheel-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(170, 247, 0, 0.10);
  border: 1px solid rgba(170, 247, 0, 0.28);
  color: #aaf700;
  flex-shrink: 0;
}

.prj-upload-track {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}

#prjUploadProgressBar {
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, #aaf700 0%, #ccff00 100%) !important;
  border-radius: 999px;
  box-shadow: 0 0 12px rgba(170, 247, 0, 0.4), 0 0 3px #aaf700;
  transition: width 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  overflow: hidden;
  will-change: width;
}

#prjUploadPercent {
  color: #aaf700 !important;
  font-weight: 700;
  font-size: 0.82rem;
  margin-left: 8px;
  font-variant-numeric: tabular-nums;
}

/* ==========================================================================
   RECURRENT DELETION & CUSTOM PICKER MODAL OVERLAYS (HIGH-PRECEDENCE LAYERING)
   ========================================================================== */
#recurrentDeleteModal,
#recurrentEditModal,
#customDatePickerModal,
#customTimePickerModal {
  z-index: 92000 !important;
}

#recurrentDeleteModal .modal-sheet,
#recurrentEditModal .modal-sheet,
#customDatePickerModal .modal-sheet,
#customTimePickerModal .modal-sheet {
  position: relative !important;
  z-index: 92001 !important;
}

/* ==========================================================================
   UNIVERSAL CONFIRMATION MODAL DIALOG (LIQUID GLASS / DANGER DELETION)
   ========================================================================== */
.mnml-confirm-overlay {
  z-index: 98000 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  background: rgba(0, 0, 0, 0.78) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
}

.mnml-confirm-card {
  width: 100%;
  max-width: 360px;
  background: linear-gradient(180deg, rgba(32, 32, 40, 0.88) 0%, rgba(18, 18, 24, 0.94) 100%);
  backdrop-filter: blur(28px) saturate(190%);
  -webkit-backdrop-filter: blur(28px) saturate(190%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-top: 1px solid var(--glass-rim-strong);
  border-radius: 24px;
  padding: 22px 20px 20px 20px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.88), inset 0 1px 1.5px rgba(255, 255, 255, 0.28);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  animation: mnmlConfirmPop 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
}

@keyframes mnmlConfirmPop {
  0% {
    opacity: 0;
    transform: scale(0.92) translateY(10px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.mnml-confirm-icon-wrap {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}

.mnml-confirm-icon-wrap.danger {
  background: rgba(255, 69, 58, 0.15);
  color: #ff453a;
  border: 1px solid rgba(255, 69, 58, 0.28);
  box-shadow: 0 0 20px rgba(255, 69, 58, 0.22);
}

.mnml-confirm-icon-wrap.warning {
  background: rgba(255, 159, 10, 0.15);
  color: #ff9f0a;
  border: 1px solid rgba(255, 159, 10, 0.28);
}

.mnml-confirm-icon-wrap.accent {
  background: rgba(170, 247, 0, 0.15);
  color: var(--mnml-orange);
  border: 1px solid rgba(170, 247, 0, 0.28);
}

.mnml-confirm-title {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.3;
  margin-bottom: 6px;
}

.mnml-confirm-message {
  font-family: var(--font-sans);
  font-size: 0.86rem;
  color: #a1a1a6;
  line-height: 1.45;
  margin-bottom: 18px;
  max-width: 290px;
  word-break: break-word;
}

.mnml-confirm-buttons-row {
  display: flex;
  gap: 10px;
  width: 100%;
  align-items: center;
}

.mnml-confirm-btn {
  flex: 1;
  height: 42px;
  min-height: 42px;
  padding: 0 16px;
  border-radius: var(--radius-pill);
  font-family: var(--font-sans);
  font-size: 0.90rem;
  font-weight: 600;
  cursor: pointer;
  border: none;
  outline: none;
  transition: all 0.18s cubic-bezier(0.2, 0, 0, 1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
}

.mnml-confirm-btn:active {
  transform: scale(0.97);
}

.mnml-confirm-btn.cancel {
  background: rgba(255, 255, 255, 0.08);
  color: #d4d4d8;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.mnml-confirm-btn.cancel:hover {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}

.mnml-confirm-btn.danger {
  background: #ff453a;
  color: #ffffff;
  box-shadow: 0 4px 18px rgba(255, 69, 58, 0.35);
}

.mnml-confirm-btn.danger:hover {
  background: #ff5b52;
}

.mnml-confirm-btn.primary {
  background: var(--mnml-orange);
  color: #000000;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}

.mnml-confirm-buttons-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.mnml-confirm-buttons-col .mnml-confirm-btn {
  width: 100%;
  flex: none;
}

.mnml-confirm-btn.secondary {
  background: rgba(255, 255, 255, 0.10);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.mnml-confirm-btn.secondary:hover {
  background: rgba(255, 255, 255, 0.16);
}

.mnml-prompt-card {
  max-width: 420px;
}

.mnml-prompt-input:focus {
  border-color: rgba(170, 247, 0, 0.70) !important;
  box-shadow: 0 0 0 3px rgba(170, 247, 0, 0.18) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.mnml-confirm-keyword-wrap {
  width: 100%;
  margin: 4px 0 18px 0;
}

.mnml-confirm-keyword-label {
  display: block;
  font-size: 0.82rem;
  color: #a1a1a6;
  margin-bottom: 8px;
  text-align: center;
  font-family: var(--font-sans);
}

.mnml-confirm-keyword-input {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  font-size: 1.05rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.12em;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 69, 58, 0.35);
  color: #ff453a;
  font-family: var(--font-sans);
  outline: none;
  transition: all 0.18s cubic-bezier(0.2, 0, 0, 1);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.mnml-confirm-keyword-input::placeholder {
  color: rgba(255, 255, 255, 0.22);
  letter-spacing: 0.12em;
}

.mnml-confirm-keyword-input:focus {
  border-color: rgba(255, 69, 58, 0.75);
  box-shadow: 0 0 0 3px rgba(255, 69, 58, 0.22);
  background: rgba(255, 255, 255, 0.08);
}

.mnml-confirm-keyword-input.matched {
  border-color: rgba(255, 69, 58, 0.95);
  background: rgba(255, 69, 58, 0.12);
  box-shadow: 0 0 16px rgba(255, 69, 58, 0.35);
}

@keyframes mnmlConfirmShake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}

.mnml-shake {
  animation: mnmlConfirmShake 0.32s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

/* Bottom Inbox Quick Capture Dock inside Focus Player */
.focus-inbox-bottom-wrap {
  width: 100%;
  max-width: 500px;
  margin: auto auto 0;
  padding: 20px 12px 6px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

/* ==========================================================================
   ESTADÍSTICAS (STATS) APP STYLES
   ========================================================================== */

.stats-app-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box;
}

.stats-content-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

/* Visibility helpers */
.stats-mobile-only {
  display: block;
  margin-bottom: 14px;
}

.stats-desktop-only {
  display: flex;
}

@media (min-width: 768px) {
  .stats-mobile-only {
    display: none;
  }
}

@media (max-width: 767px) {
  .stats-desktop-only,
  .stats-range-pills-desktop-wrap {
    display: none !important;
  }
}

/* Segmented range selector pills (Apple Liquid Glass) */
.stats-range-pills {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: rgba(18, 18, 22, 0.65);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  padding: 3px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-top: 1px solid var(--glass-rim);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35), inset 0 1px 2px rgba(0, 0, 0, 0.40);
  box-sizing: border-box;
}

.stats-range-pills.full-width {
  display: flex;
  width: 100%;
}

.stats-range-pills.full-width .stats-pill {
  flex: 1;
  text-align: center;
  padding: 7px 4px;
}

.stats-pill {
  background: transparent;
  border: 1px solid transparent;
  color: var(--text-muted);
  padding: 5px 13px;
  border-radius: var(--radius-pill);
  font-size: 0.74rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.stats-pill:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.06);
}

.stats-pill:active {
  transform: scale(0.97);
}

.stats-pill.active {
  background: var(--liquid-glass-accent-bg) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: var(--liquid-glass-accent-border) !important;
  border-top: 1px solid #ffffff !important;
  box-shadow: var(--liquid-glass-accent-shadow) !important;
  color: #000000 !important;
  font-weight: 700 !important;
}

.stats-pill.active:hover {
  background: var(--liquid-glass-accent-bg-hover) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.40), inset 0 1px 2px rgba(255, 255, 255, 0.85) !important;
}

/* Top KPI Metrics Grid (2x2 on Mobile, 4 in a row on Desktop) */
.stats-kpis-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .stats-kpis-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }
}

.stats-kpi-card {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.065) 0%, rgba(255, 255, 255, 0.02) 100%);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 18px;
  padding: 12px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 98px;
  transition: transform 0.18s ease, border-color 0.18s ease;
}

.stats-kpi-card:hover {
  border-color: rgba(255, 255, 255, 0.18);
  transform: translateY(-1px);
}

.stats-kpi-header {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 2px;
  min-width: 0;
  width: 100%;
  overflow: hidden;
}

.stats-kpi-icon-box {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(170, 247, 0, 0.12);
  color: #aaf700;
  border: 1px solid rgba(170, 247, 0, 0.24);
  box-shadow: 0 0 8px rgba(170, 247, 0, 0.08);
}

.stats-kpi-icon-box.lime {
  background: rgba(170, 247, 0, 0.12);
  color: #aaf700;
  border: 1px solid rgba(170, 247, 0, 0.24);
}

.stats-kpi-label {
  font-size: 0.68rem;
  color: var(--text-muted);
  font-weight: 600;
  letter-spacing: -0.01em;
  min-width: 0;
  flex: 1;
  white-space: normal;
  line-height: 1.2;
}

.stats-kpi-val {
  font-size: 1.55rem;
  font-weight: 800;
  color: #ffffff;
  margin: 4px 0 2px;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.stats-kpi-val.accent-green {
  color: #aaf700;
  text-shadow: 0 0 12px rgba(170, 247, 0, 0.13);
}

.stats-kpi-total {
  font-size: 0.84rem;
  font-weight: 500;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.stats-kpi-sub {
  font-size: 0.68rem;
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Section Container */
.stats-card-section {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.015) 100%);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 14px 14px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .stats-card-section {
    padding: 18px 20px;
  }
}

.stats-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
  gap: 8px;
}

.stats-card-header-titles {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.stats-card-title {
  font-size: 1.02rem;
  font-weight: 700;
  color: #ffffff;
  font-family: var(--font-display);
  letter-spacing: -0.01em;
}

.stats-card-desc {
  font-size: 0.72rem;
  color: var(--text-muted);
  margin-top: 2px;
}

/* Interactive Point Inspection Banner (Fixed Height 38px: Zero Layout Shift) */
.stats-point-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  height: 38px;
  min-height: 38px;
  max-height: 38px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;
  padding: 0 12px;
  margin-bottom: 12px;
  font-size: 0.78rem;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  overflow: hidden;
}

.stats-point-date {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #ffffff;
  min-width: 0;
  flex-shrink: 0;
}

.stats-point-date strong {
  font-weight: 600;
  white-space: nowrap;
}

.stats-dot-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #aaf700;
  box-shadow: 0 0 8px #aaf700;
  flex-shrink: 0;
}

.stats-point-metrics {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--text-gray);
  flex-shrink: 0;
  white-space: nowrap;
}

.stats-point-bubble {
  background: rgba(170, 247, 0, 0.14);
  color: #aaf700;
  border: 1px solid rgba(170, 247, 0, 0.28);
  padding: 2px 7px;
  border-radius: 6px;
  font-size: 0.73rem;
  font-weight: 700;
  white-space: nowrap;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.stats-point-avg {
  color: #aaf700;
  font-weight: 600;
  font-size: 0.72rem;
  white-space: nowrap;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.stats-point-separator {
  color: rgba(255, 255, 255, 0.2);
  font-size: 0.70rem;
}

@media (max-width: 360px) {
  .stats-point-avg,
  .stats-point-separator {
    display: none;
  }
}

.stats-bar-selection-outline {
  transition: opacity 0.15s ease;
  pointer-events: none;
}

/* SVG Chart Canvas */
.stats-svg-wrapper {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  user-select: none;
}

.stats-svg-canvas {
  width: 100%;
  height: auto;
  max-height: 270px;
  display: block;
}

.stats-svg-bar-col {
  transition: opacity 0.15s ease;
}

.stats-svg-bar-col:hover rect:not(.stats-bar-hitbox) {
  filter: brightness(1.2) drop-shadow(0 0 4px #aaf700);
}

/* Habits Performance List */
.stats-habits-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.stats-habit-row {
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 16px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.stats-habit-row:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.13);
}

.stats-habit-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.stats-habit-name-box {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}

.stats-habit-title {
  font-size: 0.88rem;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stats-habit-tag {
  font-size: 0.66rem;
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 2px 7px;
  border-radius: 6px;
  flex-shrink: 0;
  white-space: nowrap;
}

.stats-streak-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 0.70rem;
  font-weight: 700;
  color: #aaf700;
  background: rgba(170, 247, 0, 0.12);
  border: 1px solid rgba(170, 247, 0, 0.24);
  padding: 2px 8px;
  border-radius: var(--radius-pill);
  flex-shrink: 0;
  white-space: nowrap;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.stats-streak-pill.inactive {
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.05);
  border-color: transparent;
}

.stats-habit-progress-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.stats-habit-track {
  flex: 1;
  height: 6.5px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-pill);
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}

.stats-habit-bar {
  height: 100%;
  border-radius: var(--radius-pill);
  background: #aaf700;
  box-shadow: 0 0 8px rgba(170, 247, 0, 0.25);
  transition: width 0.45s ease;
  position: relative;
  overflow: hidden;
}

/* 100% Completion: moving gradient + aura + specular ray */
.stats-habit-bar.is-complete,
.stats-obj-bar.is-complete {
  background: linear-gradient(90deg, #aaf700 0%, #d8ff4d 50%, #aaf700 100%) !important;
  background-size: 200% 100% !important;
  animation: progressMovingGradient 3s ease-in-out infinite, progressAuraPulse 2.2s ease-in-out infinite !important;
  box-shadow: 0 0 16px rgba(170, 247, 0, 0.35), 0 0 4px #aaf700, inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
}

.stats-habit-bar.is-complete::after,
.stats-obj-bar.is-complete::after {
  content: '';
  position: absolute;
  top: 0;
  left: -50px;
  width: 50px;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.95) 50%, transparent 100%);
  border-radius: 999px;
  opacity: 1 !important;
  pointer-events: none;
  animation: progressMovingRay 2.6s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
}

.stats-habit-pct {
  font-size: 0.82rem;
  font-weight: 700;
  color: #aaf700;
  min-width: 38px;
  text-align: right;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.stats-habit-pct.is-complete {
  text-shadow: 0 0 8px rgba(170, 247, 0, 0.45);
}

.stats-habit-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.stats-habit-meta {
  font-size: 0.70rem;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Apple iOS Weekday Mini-Tracker Strip */
.stats-week-strip {
  display: flex;
  gap: 5px;
  align-items: center;
  flex-shrink: 0;
}

.stats-week-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: 20px;
}

.stats-week-day-label {
  display: block;
  width: 100%;
  font-size: 0.58rem;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  font-family: var(--font-sans);
  line-height: 1;
  text-align: center;
}

.stats-week-col.is-today .stats-week-day-label {
  color: #ffffff;
  font-weight: 700;
}

.stats-week-indicator {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  line-height: 0;
  transition: transform 0.15s ease;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.stats-indicator-svg {
  width: 12px;
  height: 12px;
  display: block;
  flex-shrink: 0;
  pointer-events: none;
  margin: 0;
}

.stats-week-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  display: block;
  flex-shrink: 0;
  pointer-events: none;
  margin: 0;
}

.stats-week-indicator.done {
  background: #aaf700;
  color: #000000;
  box-shadow: 0 0 6px rgba(170, 247, 0, 0.22);
}

.stats-week-indicator.missed {
  background: rgba(255, 69, 58, 0.15);
  color: #ff453a;
  border: 1px solid rgba(255, 69, 58, 0.35);
}

.stats-week-indicator.rest {
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.stats-week-indicator.rest.is-paused {
  background: rgba(255, 159, 10, 0.14) !important;
  color: #ff9f0a !important;
  border: 1px solid rgba(255, 159, 10, 0.35) !important;
}

.stats-week-dot.is-paused {
  background: #ff9f0a !important;
}

.stats-week-col.is-today .stats-week-indicator {
  box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.65);
}

/* SVG Donut Chart Component */
.stats-donut-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 4px 0;
}

@media (min-width: 480px) {
  .stats-donut-wrap {
    flex-direction: row;
    align-items: center;
    gap: 20px;
  }
}

.stats-donut-chart {
  width: 120px;
  height: 120px;
  flex-shrink: 0;
}

.stats-donut-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.stats-donut-slice {
  transition: stroke-width 0.2s ease, filter 0.2s ease;
  cursor: pointer;
}

.stats-donut-slice:hover {
  stroke-width: 16;
  filter: brightness(1.2);
}

.stats-donut-legend {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.stats-donut-legend-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3px 6px;
  border-radius: 8px;
  transition: background 0.15s ease;
}

.stats-donut-legend-item:hover {
  background: rgba(255, 255, 255, 0.04);
}

.stats-donut-legend-left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.stats-prj-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.stats-prj-dist-name {
  font-size: 0.80rem;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stats-donut-legend-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.stats-prj-dist-count {
  font-size: 0.70rem;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.stats-prj-pct-badge {
  font-size: 0.70rem;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 6px;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* ==========================================================================
   Apple Liquid Glass Pie Chart ("Gráfico de Quesito") for Project Allocation
   ========================================================================== */

.stats-pie-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 0;
  width: 100%;
}

@media (min-width: 520px) {
  .stats-pie-wrap {
    flex-direction: row;
    align-items: center;
    gap: 24px;
    padding: 10px 0;
  }
}

.stats-pie-chart-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.stats-pie-chart-stage {
  position: relative;
  width: 170px;
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.stats-pie-svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.stats-pie-wedge {
  cursor: pointer;
  pointer-events: all;
  transform: translate(0, 0);
  transform-origin: 90px 90px;
  -webkit-transform-origin: 90px 90px;
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1),
              filter 0.28s ease,
              opacity 0.28s ease;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.stats-pie-wedge:hover,
.stats-pie-wedge.is-hovered,
.stats-pie-wedge.is-selected {
  filter: brightness(1.15);
}

.stats-pie-wedge:hover .stats-wedge-shell,
.stats-pie-wedge.is-hovered .stats-wedge-shell,
.stats-pie-wedge.is-selected .stats-wedge-shell {
  stroke: rgba(255, 255, 255, 0.70) !important;
  stroke-width: 1.3px !important;
}

.stats-pie-wedge.is-dimmed {
  opacity: 0.30;
  filter: saturate(0.55) brightness(0.80);
}

.stats-wedge-shell {
  transition: stroke 0.24s ease, stroke-width 0.24s ease;
}

.stats-wedge-glaze {
  pointer-events: none;
}

.stats-pie-legend {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.stats-pie-legend-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.stats-pie-legend-item:hover,
.stats-pie-legend-item.is-hovered,
.stats-pie-legend-item.is-selected {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  border-top-color: rgba(255, 255, 255, 0.35);
  transform: translateX(2px);
}

.stats-pie-legend-left {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.stats-pie-legend-right {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.stats-pie-kpi-pill {
  font-size: 0.70rem;
  font-weight: 600;
  color: #ffffff;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  padding: 3px 9px;
  border-radius: var(--radius-pill);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  white-space: nowrap;
}

/* Objectives Grid */
.stats-obj-kpi-pill {
  font-size: 0.70rem;
  font-weight: 600;
  color: #aaf700;
  background: rgba(170, 247, 0, 0.12);
  border: 1px solid rgba(170, 247, 0, 0.28);
  padding: 3px 9px;
  border-radius: var(--radius-pill);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.stats-obj-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

@media (min-width: 580px) {
  .stats-obj-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.stats-obj-item {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  cursor: pointer;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.stats-obj-item:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.045);
  border-color: rgba(255, 255, 255, 0.16);
}

.stats-obj-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.stats-obj-prj-meta {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  flex: 1;
  overflow: hidden;
}

.stats-obj-prj-name {
  font-size: 0.72rem;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.stats-obj-pct {
  font-size: 0.78rem;
  font-weight: 700;
  color: #aaf700;
  flex-shrink: 0;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  letter-spacing: -0.01em;
}

.stats-obj-pct.overdue {
  color: #ff453a;
}

.stats-obj-title {
  font-size: 0.88rem;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.stats-obj-track {
  width: 100%;
  height: 6px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-pill);
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}

.stats-obj-bar {
  height: 100%;
  border-radius: var(--radius-pill);
  background: #aaf700;
  box-shadow: 0 0 8px rgba(170, 247, 0, 0.25);
  transition: width 0.4s ease;
  position: relative;
  overflow: hidden;
}

.stats-obj-meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  min-width: 0;
  font-size: 0.70rem;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.stats-obj-meta-row > span:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.stats-obj-date-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.68rem;
  color: var(--text-muted);
  flex-shrink: 0;
  white-space: nowrap;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.stats-obj-calendar-icon {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  display: block;
  opacity: 0.75;
  pointer-events: none;
}

.stats-obj-date-badge.overdue {
  color: #ff453a;
  font-weight: 600;
}

.stats-obj-date-badge.overdue .stats-obj-calendar-icon {
  opacity: 1;
  stroke: #ff453a;
}

/* Empty State Box */
.stats-empty-box {
  text-align: center;
  padding: 24px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.stats-empty-icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(170, 247, 0, 0.08);
  border: 1px solid rgba(170, 247, 0, 0.20);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
}

.stats-empty-title {
  font-weight: 600;
  color: #ffffff;
  font-size: 0.88rem;
}

.stats-empty-desc {
  font-size: 0.78rem;
  color: var(--text-muted);
  max-width: 290px;
  line-height: 1.4;
}

/* 2-Column Responsive Dashboard Split on Desktop */
.stats-dashboard-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

@media (min-width: 1080px) {
  .stats-dashboard-grid {
    display: grid;
    grid-template-columns: 1.45fr 1fr;
    gap: 16px;
    align-items: start;
  }
}

.stats-dashboard-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.stats-dashboard-side {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

/* SVG Heatmap Component */
.stats-heatmap-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.stats-heatmap-meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.stats-heatmap-stats-pills {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}

.stats-meta-pill {
  font-size: 0.70rem;
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
  padding: 3px 8px;
  border-radius: var(--radius-pill);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.stats-meta-pill strong {
  color: #ffffff;
  font-weight: 700;
}

.stats-heatmap-legend {
  display: flex;
  align-items: center;
  gap: 4px;
}

.stats-heatmap-dot {
  width: 10px;
  height: 10px;
  border-radius: 2.5px;
}

.stats-heatmap-dot.level-0 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.stats-heatmap-dot.level-1 {
  background: rgba(170, 247, 0, 0.28);
}

.stats-heatmap-dot.level-2 {
  background: rgba(170, 247, 0, 0.62);
}

.stats-heatmap-dot.level-3 {
  background: #aaf700;
  box-shadow: 0 0 6px rgba(170, 247, 0, 0.25);
}

.stats-heatmap-svg-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 0;
  user-select: none;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.stats-heatmap-svg {
  width: 100%;
  max-width: 580px;
  height: auto;
  display: block;
}

.stats-heatmap-cell {
  cursor: pointer;
  transition: opacity 0.15s ease, filter 0.15s ease;
}

.stats-heatmap-cell:hover {
  filter: brightness(1.35);
}

.stats-heatmap-cell.is-selected {
  stroke: #ffffff !important;
  stroke-width: 1.8px !important;
  stroke-dasharray: none !important;
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.40));
}

.stats-heatmap-cell.is-today:not(.is-selected) {
  stroke: rgba(255, 255, 255, 0.40) !important;
  stroke-width: 1.2px !important;
  stroke-dasharray: 2, 2 !important;
}

.stats-heatmap-cell.is-future {
  pointer-events: none;
}

/* ===== ANDROID HIGH-PERFORMANCE PROFILES (SOLID 60/90/120 FPS) ===== */
/* Eliminates redundant multi-pass Gaussian backdrop-filter shaders over black background,
   saving massive GPU memory fillrate on Android Adreno & Mali chipsets */
.is-android {
  --liquid-glass-blur: none !important;
}

.is-android .os-viewport * {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.is-android .modal-sheet,
.is-android .welcome-modal-sheet {
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* ==========================================================================
   ENTIDADES DE TIEMPO: TAREAS, HÁBITOS Y EVENTOS / EFEMÉRIDES (APPLE 1:1)
   ========================================================================== */

/* iOS Segmented Control (Modal & Editor) */
.ios-segmented-control {
  display: flex;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 3px;
  border-radius: 9999px;
  gap: 2px;
  user-select: none;
  width: 100%;
  box-sizing: border-box;
}

.ios-segment-btn {
  flex: 1;
  padding: 7px 12px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-gray);
  border-radius: 9999px;
  text-align: center;
  cursor: pointer;
  border: none;
  background: transparent;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: var(--font-sans);
}

.ios-segment-btn:hover {
  color: var(--text-white);
}

.ios-segment-btn.active {
  background: rgba(255, 255, 255, 0.20) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) !important;
  font-weight: 700 !important;
}

/* Event / Milestone Card (Cumpleaños y Efemérides sin Checkbox) */
.agenda-card-item.is-event-item {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
}

.agenda-milestone-glyph {
  width: 22px;
  height: 22px;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.home-task-item .agenda-milestone-glyph {
  width: 26px;
  height: 26px;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  flex-shrink: 0;
}

.agenda-event-badge {
  font-size: 0.65rem;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.22);
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Event Badge & Pill */
.agenda-event-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3.5px;
  font-size: 0.68rem;
  font-weight: 600;
  padding: 2.5px 6px;
  border-radius: var(--radius-pill);
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #ffffff;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-event-pill svg {
  display: block;
  flex-shrink: 0;
}

/* Habit Badge & Pill */
.agenda-habit-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3.5px;
  font-size: 0.68rem;
  font-weight: 600;
  padding: 2.5px 6px;
  border-radius: var(--radius-pill);
  background: var(--mnml-orange-dim);
  border: 1px solid rgba(170, 247, 0, 0.28);
  color: var(--mnml-orange);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-habit-pill svg {
  display: block;
  flex-shrink: 0;
}

/* Agenda Paused / Rest Day Styles */
.agenda-paused-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3.5px;
  font-family: var(--font-sans);
  font-size: 0.68rem;
  font-weight: 600;
  padding: 2.5px 7px;
  border-radius: var(--radius-pill);
  background: rgba(255, 159, 10, 0.15);
  color: #ff9f0a;
  border: 1px solid rgba(255, 159, 10, 0.3);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-paused-count-badge {
  font-family: var(--font-sans);
  font-size: 0.7rem;
  font-weight: 600;
  background: rgba(255, 159, 10, 0.15);
  color: #ff9f0a;
  border: 1px solid rgba(255, 159, 10, 0.3);
  border-radius: 999px;
  padding: 0.5px 6.5px;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-card-item.is-paused-card {
  opacity: 0.85;
  border-color: rgba(255, 159, 10, 0.22);
}

.agenda-check-btn.is-paused {
  border-color: rgba(255, 159, 10, 0.5) !important;
  background: rgba(255, 159, 10, 0.12) !important;
  color: #ff9f0a !important;
}

/* Calendar Multi-dot Indicators */
.cal-dots-wrap {
  position: absolute !important;
  bottom: 4.5px !important;
  left: 0 !important;
  right: 0 !important;
  display: flex !important;
  gap: 2.5px !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  height: 4px !important;
}

.calendar-day-cell.today .cal-dots-wrap {
  bottom: 4px !important;
}

.calendar-day-cell.mini .cal-dots-wrap {
  bottom: 2px !important;
  gap: 2px !important;
}

.calendar-day-cell.mini .cal-day-num {
  margin-top: -2px !important;
}

.cal-dot-task {
  width: 3.5px;
  height: 3.5px;
  border-radius: 50%;
  background-color: var(--mnml-orange);
  box-shadow: 0 0 3px rgba(170, 247, 0, 0.4);
  flex-shrink: 0;
}

.cal-dot-event {
  width: 3.5px;
  height: 3.5px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
  flex-shrink: 0;
}

.cal-dot-objective {
  width: 3.5px;
  height: 3.5px;
  border-radius: 50%;
  background-color: var(--cal-dot-objective, #38bdf8);
  box-shadow: 0 0 3px rgba(56, 189, 248, 0.6);
  flex-shrink: 0;
}

.calendar-day-cell.selected .cal-dot-task,
.calendar-day-cell.selected .cal-dot-event,
.calendar-day-cell.selected .cal-dot-objective {
  background-color: #000000 !important;
  box-shadow: none !important;
}

/* ==========================================================================
   Objective Deadline Notice Cards & Sections (Apple OLED Native)
   ========================================================================== */
.agenda-objective-deadline-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border-radius: var(--radius-card);
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 1px solid var(--objective-accent-border, rgba(56, 189, 248, 0.28)) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3), 0 0 16px rgba(56, 189, 248, 0.06);
  position: relative;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  min-height: 48px;
  box-sizing: border-box;
}

.agenda-objective-deadline-card:hover {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.12) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
  border-color: rgba(56, 189, 248, 0.45) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4), 0 0 24px rgba(56, 189, 248, 0.12);
}

.agenda-objective-deadline-card:active {
  transform: scale(0.985);
}

.agenda-check-btn.agenda-objective-check-btn:hover {
  border-color: var(--objective-accent, #38bdf8);
  border-top-color: #ffffff;
  box-shadow: 0 4px 14px rgba(56, 189, 248, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.5);
}

.agenda-check-btn.agenda-objective-check-btn.checked {
  background: var(--objective-accent, #38bdf8) !important;
  border-color: var(--objective-accent, #38bdf8) !important;
  border-top-color: #ffffff !important;
  box-shadow: 0 0 12px rgba(56, 189, 248, 0.5) !important;
}

.agenda-objective-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-sans);
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--objective-accent, #38bdf8);
  background: var(--objective-accent-dim, rgba(56, 189, 248, 0.12));
  border: 1px solid var(--objective-accent-border, rgba(56, 189, 248, 0.28));
  border-radius: var(--radius-pill);
  padding: 1.5px 7px;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  flex-shrink: 0;
}

.agenda-objective-progress-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-white);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-pill);
  padding: 1.5px 8px;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.agenda-objective-deadline-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 18px;
}

/* ==========================================================================
   Apple iOS Dynamic Island / Capsule HUD Toast
   ========================================================================== */
#mnmlToast {
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + 12px);
  left: 50%;
  transform: translate3d(-50%, -30px, 0) scale(0.92);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 99000;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  max-width: min(92vw, 380px);
  width: max-content;
  padding: 6px 14px;
  border-radius: 9999px;
  background: rgba(22, 22, 24, 0.88);
  -webkit-backdrop-filter: blur(28px) saturate(190%);
  backdrop-filter: blur(28px) saturate(190%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-top: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  color: #f5f5f7;
  font-family: var(--font-sans);
  font-size: 0.84rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  touch-action: pan-x pan-y;
  user-select: none;
  -webkit-user-select: none;
  transition: 
    transform 0.32s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0.32s ease;
  will-change: transform, opacity;
}

#mnmlToast.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translate3d(-50%, 0, 0) scale(1);
  pointer-events: auto;
}

#mnmlToast.is-leaving {
  opacity: 0;
  visibility: hidden;
  transform: translate3d(-50%, -30px, 0) scale(0.92);
  pointer-events: none;
  transition: 
    transform 0.32s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0.32s ease;
}

#mnmlToast.is-updating {
  animation: mnmlToastPulse 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes mnmlToastPulse {
  0% { transform: translate3d(-50%, 0, 0) scale(1); }
  50% { transform: translate3d(-50%, 0, 0) scale(1.04); }
  100% { transform: translate3d(-50%, 0, 0) scale(1); }
}

.mnml-toast-content {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.mnml-toast-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--primary);
  line-height: 1;
}

.mnml-toast-text {
  flex: 1;
  font-size: 0.84rem;
  font-weight: 500;
  color: #f5f5f7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.25;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.mnml-toast-action-btn {
  background: rgba(170, 247, 0, 0.14);
  color: var(--primary);
  border: 1px solid rgba(170, 247, 0, 0.3);
  font-family: var(--font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 9999px;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
  line-height: 1;
  margin-left: 4px;
}

.mnml-toast-action-btn:active {
  background: rgba(170, 247, 0, 0.28);
  transform: scale(0.94);
}

/* ==========================================================================
   LIMA - AMIGOS & RENDICIÓN DE CUENTAS (FRIENDS APP)
   Pure Lima Liquid Glass & Apple iOS Native 1:1 Design System
   ========================================================================== */

.friends-app-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

.friends-app-layout .subapp-back-btn {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.friends-app-layout .subapp-back-btn svg {
  display: block;
  pointer-events: none;
  margin-right: 1px;
}

.friends-add-action-btn svg,
.friends-identity-action-btn svg,
.friends-refresh-btn svg,
.friends-modal-close svg,
.friends-card-options-btn svg {
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}

.friends-empty-icon svg,
.friends-auth-icon svg {
  width: 26px;
  height: 26px;
  min-width: 26px;
  min-height: 26px;
  max-width: 26px;
  max-height: 26px;
  aspect-ratio: 1 / 1;
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}

.friends-content-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-bottom: 90px;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .friends-content-body {
    padding-bottom: 80px;
    gap: 20px;
  }
}

/* Header Action Button (Liquid Glass Pill) */
.friends-add-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--liquid-glass-bg);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 0.86rem;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  box-shadow: var(--liquid-glass-shadow);
  touch-action: manipulation;
}

.friends-add-action-btn:active {
  background: var(--liquid-glass-bg-active);
  transform: scale(0.96);
}

@media (hover: hover) {
  .friends-add-action-btn:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.28);
    border-top-color: var(--glass-rim-strong);
    transform: translateY(-1px);
    box-shadow: var(--liquid-glass-shadow-hover);
  }
}

/* Identity Card (Liquid Glass Surface) */
.friends-identity-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.025) 100%);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 16px 18px;
  box-shadow: var(--liquid-glass-shadow);
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  overflow: hidden;
}

.friends-identity-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 100%);
  border-radius: 20px 20px 0 0;
  pointer-events: none;
}

.friends-identity-top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  position: relative;
  z-index: 1;
  width: 100%;
}

.friends-identity-meta {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.friends-identity-label {
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: rgba(255, 255, 255, 0.45);
}

.friends-identity-code-row {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  flex-wrap: nowrap;
}

.friends-identity-code {
  font-family: var(--font-sans);
  font-size: 1.15rem;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: 0.06em;
  color: var(--primary);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  text-shadow: 0 0 16px rgba(170, 247, 0, 0.35);
  transition: filter 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
  flex-shrink: 0;
}

.friends-identity-code.is-blurred {
  filter: blur(7px);
  user-select: none;
  -webkit-user-select: none;
}

.friends-code-reveal-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: rgba(255, 255, 255, 0.65);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  padding: 0;
  margin-left: 2px;
  flex-shrink: 0;
}

.friends-code-reveal-btn svg {
  display: block;
  pointer-events: none;
}

.friends-code-reveal-btn:hover {
  color: #ffffff;
  background: var(--liquid-glass-bg-hover);
  transform: scale(1.08);
}

.friends-code-reveal-btn:active {
  transform: scale(0.92);
}

.friends-identity-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 0;
}

.friends-identity-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--liquid-glass-bg);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 7px 14px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.20);
  touch-action: manipulation;
  user-select: none;
  white-space: nowrap;
}

.friends-identity-action-btn span {
  white-space: nowrap;
}

.friends-identity-action-btn:active {
  background: var(--liquid-glass-bg-active);
  transform: scale(0.96);
}

@media (hover: hover) {
  .friends-identity-action-btn:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.3);
    border-top-color: var(--glass-rim-strong);
    box-shadow: var(--liquid-glass-shadow-hover);
  }
}

.friends-identity-action-btn.accent {
  background: rgba(170, 247, 0, 0.12);
  border: 1px solid rgba(170, 247, 0, 0.35);
  border-top: 1px solid rgba(170, 247, 0, 0.6);
  color: var(--primary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.25);
}

.friends-identity-action-btn.accent:active {
  background: rgba(170, 247, 0, 0.24);
  transform: scale(0.96);
}

@media (hover: hover) {
  .friends-identity-action-btn.accent:hover {
    background: rgba(170, 247, 0, 0.20);
    border-color: rgba(170, 247, 0, 0.55);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
  }
}

@media (max-width: 480px) {
  .friends-identity-card {
    padding: 14px 16px;
    gap: 12px;
  }
  .friends-identity-top {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .friends-identity-code-row {
    gap: 6px;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
  .friends-identity-code {
    font-size: 1.05rem;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }
  .friends-identity-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    width: 100%;
  }
  .friends-identity-action-btn {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
    padding: 7px 6px;
    font-size: 0.76rem;
    letter-spacing: -0.01em;
    white-space: nowrap;
  }
  .friends-identity-action-btn span {
    white-space: nowrap;
  }
}

/* Section Header */
.friends-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
}

.friends-section-title-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.friends-section-title {
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 700;
  color: #f5f5f7;
  letter-spacing: -0.01em;
}

.friends-section-badge {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 700;
  padding: 1px 7px;
  border-radius: var(--radius-pill);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.friends-section-badge.accent {
  background: rgba(170, 247, 0, 0.18);
  border-color: rgba(170, 247, 0, 0.40);
  color: var(--primary);
  text-shadow: 0 0 10px rgba(170, 247, 0, 0.4);
}

.friends-refresh-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.45);
  font-family: var(--font-sans);
  font-size: 0.76rem;
  font-weight: 500;
  cursor: pointer;
  transition: color 0.18s ease;
  padding: 4px 6px;
}

.friends-refresh-btn:hover {
  color: rgba(255, 255, 255, 0.85);
}

/* Empty State Card (Pure Liquid Glass) */
.friends-empty-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim-strong);
  border-radius: 22px;
  padding: 24px 20px 32px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  box-shadow: var(--liquid-glass-shadow);
  position: relative;
  overflow: hidden;
}

.friends-empty-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 45%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, transparent 100%);
  border-radius: 22px 22px 0 0;
  pointer-events: none;
}

.friends-empty-icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  max-width: 50px;
  max-height: 50px;
  aspect-ratio: 1 / 1;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--liquid-glass-bg);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim-strong);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.friends-empty-title {
  font-family: var(--font-sans);
  font-size: 1.02rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
  margin: 0;
  position: relative;
  z-index: 1;
}

.friends-empty-subtitle {
  font-family: var(--font-sans);
  font-size: 0.82rem;
  font-weight: 400;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.60);
  max-width: 340px;
  margin: 0;
  position: relative;
  z-index: 1;
}

#friendsEmptyAddBtn {
  background: rgba(170, 247, 0, 0.14);
  border: 1px solid rgba(170, 247, 0, 0.38);
  border-top: 1px solid rgba(170, 247, 0, 0.65);
  color: var(--primary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font-family: var(--font-sans);
  font-size: 0.88rem;
  font-weight: 600;
  padding: 9px 22px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  margin-top: 2px;
  position: relative;
  z-index: 1;
  touch-action: manipulation;
}

#friendsEmptyAddBtn:active {
  background: rgba(170, 247, 0, 0.26);
  transform: scale(0.96);
}

@media (hover: hover) {
  #friendsEmptyAddBtn:hover {
    background: rgba(170, 247, 0, 0.22);
    border-color: rgba(170, 247, 0, 0.55);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
  }
}

/* Feed Cards Grid */
.friends-cards-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.friends-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.065) 0%, rgba(255, 255, 255, 0.02) 100%);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 20px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s ease, border-color 0.22s ease;
  box-shadow: var(--liquid-glass-shadow);
  position: relative;
  overflow: hidden;
}

.friends-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
  border-radius: 20px 20px 0 0;
  pointer-events: none;
}

@media (hover: hover) {
  .friends-card:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.25);
    border-top-color: var(--glass-rim-strong);
    transform: translateY(-2px);
    box-shadow: var(--liquid-glass-shadow-hover);
  }
}

.friends-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  z-index: 1;
}

.friends-card-user {
  display: flex;
  align-items: center;
  gap: 11px;
}

.friends-avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04));
  border: 1px solid var(--glass-rim);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 700;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  mask-image: radial-gradient(white, black);
  isolation: isolate;
  contain: paint;
}

.friends-avatar-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.friends-card-names {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.friends-card-name {
  font-family: var(--font-sans);
  font-size: 0.94rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
}

.friends-card-sub {
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.42);
}

.friends-card-badges {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  flex-shrink: 0;
}

.friends-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  line-height: 1 !important;
  font-family: var(--font-sans);
  font-size: 0.74rem;
  font-weight: 700;
  padding: 4px 9px 4px 8px !important;
  border-radius: var(--radius-pill);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  border: 1px solid transparent;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.friends-badge-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-size: 0.82rem !important;
  transform: translateY(-1.5px) !important;
  pointer-events: none !important;
}

.friends-badge-val {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

.friends-badge.streak {
  background: rgba(255, 120, 0, 0.14);
  color: #ff9f0a;
  border-color: rgba(255, 120, 0, 0.30);
  box-shadow: none !important;
}

.friends-badge.objectives {
  background: rgba(50, 173, 230, 0.14);
  color: #64d2ff;
  border-color: rgba(50, 173, 230, 0.30);
  box-shadow: none !important;
}

.friends-card-options-btn {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: rgba(255, 255, 255, 0.45);
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: none !important;
  margin-left: 4px;
  flex-shrink: 0;
}

.friends-card-options-btn svg {
  display: block;
  pointer-events: none;
}

.friends-card-options-btn:hover {
  color: #ff453a;
  background: rgba(255, 69, 58, 0.15);
  border-color: rgba(255, 69, 58, 0.35);
  border-top-color: rgba(255, 69, 58, 0.60);
  box-shadow: none !important;
  transform: translateY(-1px);
}

.friends-card-options-btn:active {
  transform: scale(0.92);
  background: rgba(255, 69, 58, 0.25);
  box-shadow: none !important;
}

@media (max-width: 600px) {
  .friends-card-header {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    row-gap: 8px !important;
    column-gap: 8px !important;
    align-items: center !important;
  }

  .friends-card-user {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    min-width: 0 !important;
  }

  .friends-card-options-btn {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    justify-self: end !important;
    margin-left: 0 !important;
  }

  .friends-card-badges {
    grid-column: 1 / 3 !important;
    grid-row: 2 / 3 !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
    width: 100% !important;
  }

  .friends-card-badges:empty {
    display: none !important;
  }

  .friends-card-badges::-webkit-scrollbar {
    display: none !important;
  }
}

/* Progress Bar (Liquid Glass Glow) */
.friends-progress-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
  z-index: 1;
}

.friends-progress-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.friends-progress-label {
  font-family: var(--font-sans);
  font-size: 0.75rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.50);
}

.friends-progress-ratio {
  font-family: var(--font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.75);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.friends-progress-ratio strong {
  color: var(--primary);
  font-weight: 700;
}

.friends-progress-track {
  height: 7px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-pill);
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}

.friends-progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #aaf700, #ccff00);
  border-radius: var(--radius-pill);
  transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 0 12px rgba(170, 247, 0, 0.5);
}

/* Card Footer: Mini Heatmap & Nudge */
.friends-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 3px;
  position: relative;
  z-index: 1;
}

.friends-heatmap-wrap {
  display: flex;
  align-items: center;
  gap: 5px;
}

.friends-heatmap-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

.friends-heatmap-pill {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.2s ease;
}

.friends-heatmap-pill.done {
  background: #aaf700;
  border-color: #aaf700;
  box-shadow: 0 0 6px rgba(170, 247, 0, 0.40);
}

.friends-heatmap-item.is-today .friends-heatmap-pill {
  border-color: #ffffff;
}

.friends-heatmap-day {
  font-family: var(--font-sans);
  font-size: 0.65rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.35);
}

/* Nudge Button (Liquid Glass Action) */
.friends-nudge-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  padding: 0 13px 0 11px;
  box-sizing: border-box;
  background: var(--liquid-glass-bg);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.20);
  touch-action: manipulation;
  white-space: nowrap;
  user-select: none;
}

.friends-nudge-icon-svg {
  display: block;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  color: #ff9f0a;
  pointer-events: none;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;
}

.friends-nudge-text {
  display: inline-block;
  line-height: 1;
  letter-spacing: -0.01em;
}

.friends-nudge-btn:active {
  background: rgba(170, 247, 0, 0.22);
  border-color: rgba(170, 247, 0, 0.45);
  transform: scale(0.95);
}

@media (hover: hover) {
  .friends-nudge-btn:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(170, 247, 0, 0.35);
    color: var(--primary);
  }
}

.friends-nudge-btn.nudge-sent {
  background: rgba(170, 247, 0, 0.25);
  border-color: var(--primary);
  color: var(--primary);
  pointer-events: none;
}

.friends-nudge-btn.nudge-sent .friends-nudge-icon-svg {
  color: var(--primary);
}

.friends-nudge-btn.is-cooldown {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.10);
  border-top-color: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.45);
  box-shadow: none;
  cursor: pointer;
}

.friends-nudge-btn.is-cooldown .friends-nudge-icon-svg,
.friends-nudge-btn.is-cooldown .friends-nudge-icon {
  opacity: 0.45;
}

.friends-nudge-btn.is-cooldown .friends-nudge-text {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
}

.friends-nudge-btn.is-cooldown:active {
  background: rgba(255, 255, 255, 0.08);
  transform: scale(0.96);
}

/* Friend Requests Section */
.friends-requests-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.friends-requests-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.friends-request-card {
  background: linear-gradient(145deg, rgba(170, 247, 0, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
  border: 1px solid rgba(170, 247, 0, 0.25);
  border-top: 1px solid rgba(170, 247, 0, 0.45);
  border-radius: 18px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  animation: mnmlFadeIn 0.22s ease-out;
}

@media (max-width: 480px) {
  .friends-request-card {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
}

.friends-request-user {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}

.friends-request-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.friends-request-name {
  font-family: var(--font-sans);
  font-size: 0.92rem;
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.friends-request-sub {
  font-family: var(--font-sans);
  font-size: 0.74rem;
  color: rgba(255, 255, 255, 0.50);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.friends-request-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

@media (max-width: 480px) {
  .friends-request-actions {
    width: 100%;
    justify-content: space-between;
  }
}

.friends-request-btn {
  font-family: var(--font-sans);
  font-size: 0.80rem;
  font-weight: 600;
  padding: 7px 15px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  touch-action: manipulation;
  user-select: none;
  border: none;
}

@media (max-width: 480px) {
  .friends-request-btn {
    flex: 1;
    text-align: center;
  }
}

.friends-request-btn.accept {
  background: var(--primary);
  color: #000000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.30);
}

.friends-request-btn.accept:active {
  transform: scale(0.96);
  background: #99de00;
}

.friends-request-btn.reject {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.70);
}

.friends-request-btn.reject:active {
  background: rgba(255, 255, 255, 0.14);
  transform: scale(0.96);
}

/* Sent Requests status */
.friends-sent-section {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  padding: 4px 2px;
}

.friends-sent-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.friends-sent-title {
  font-family: var(--font-sans);
  font-size: 0.74rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.40);
}

.friends-sent-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.friends-sent-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: var(--radius-pill);
  padding: 4px 10px;
  font-family: var(--font-sans);
  font-size: 0.74rem;
  color: rgba(255, 255, 255, 0.75);
}

.friends-sent-chip-name {
  font-weight: 600;
  color: #ffffff;
}

.friends-sent-chip-status {
  font-size: 0.68rem;
  color: rgba(255, 255, 255, 0.45);
}

.friends-sent-cancel-btn {
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.40);
  font-size: 0.95rem;
  cursor: pointer;
  line-height: 1;
  padding: 0 2px;
  transition: color 0.15s ease;
}

.friends-sent-cancel-btn:hover {
  color: #ffffff;
}

/* Add Friend Modal (Apple System Sheet) */
.friends-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.friends-modal-card {
  width: 100%;
  max-width: 400px;
  background: rgba(20, 20, 24, 0.94);
  backdrop-filter: blur(35px) saturate(200%);
  -webkit-backdrop-filter: blur(35px) saturate(200%);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim-strong);
  border-radius: 24px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7), inset 0 1px 1px rgba(255, 255, 255, 0.25);
  animation: mnmlModalIn 0.24s cubic-bezier(0.16, 1, 0.3, 1);
}

.friends-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.friends-modal-title {
  font-family: var(--font-sans);
  font-size: 1.15rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
}

.friends-modal-close {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.6);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  cursor: pointer;
  transition: all 0.15s ease;
}

.friends-modal-close:hover {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.16);
}

.friends-modal-desc {
  font-family: var(--font-sans);
  font-size: 0.82rem;
  font-weight: 400;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}

.friends-modal-input-wrap {
  width: 100%;
}

.friends-code-input {
  width: 100%;
  background: rgba(255, 255, 255, 0.06);
  border: 1.5px solid rgba(255, 255, 255, 0.18);
  border-top: 1px solid var(--glass-rim);
  border-radius: 14px;
  padding: 13px 16px;
  font-family: var(--font-sans);
  font-size: 1.10rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-align: center;
  color: #ffffff;
  outline: none;
  box-sizing: border-box;
  text-transform: uppercase;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  transition: all 0.2s ease;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35);
}

.friends-code-input:focus {
  border-color: var(--primary);
  background: rgba(255, 255, 255, 0.09);
  box-shadow: 0 0 16px rgba(170, 247, 0, 0.25), inset 0 2px 4px rgba(0, 0, 0, 0.35);
}

.friends-modal-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 6px;
}

.friends-btn-secondary {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 0.84rem;
  font-weight: 600;
  padding: 9px 18px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all 0.18s ease;
}

.friends-btn-secondary:active {
  transform: scale(0.96);
}

.friends-btn-primary {
  background: var(--liquid-glass-accent-bg);
  border: var(--liquid-glass-accent-border);
  color: #000000;
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: -0.01em;
  padding: 11px 26px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all 0.18s ease;
  box-shadow: var(--liquid-glass-accent-shadow);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.friends-btn-primary:active {
  transform: scale(0.96);
}

.friends-btn-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Auth Card Prompt (Liquid Glass) */
.friends-auth-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0.02) 100%);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 22px;
  padding: 36px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-top: 10px;
  box-shadow: var(--liquid-glass-shadow);
}

.friends-auth-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(170, 247, 0, 0.12);
  border: 1px solid rgba(170, 247, 0, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.30);
}

.friends-auth-title {
  font-family: var(--font-sans);
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

.friends-auth-text {
  font-family: var(--font-sans);
  font-size: 0.84rem;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.6);
  max-width: 400px;
  margin: 0;
}

/* ==========================================================================
   FRIENDS SOCIAL ENHANCEMENTS: PRIVACY, PROFILE & CALENDAR PREVIEW
   ========================================================================== */

/* Privacy Settings Header Action Button */
.friends-privacy-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--liquid-glass-bg);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 0.82rem;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: var(--liquid-glass-shadow);
  touch-action: manipulation;
  user-select: none;
}

.friends-privacy-action-btn svg {
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}

.friends-privacy-action-btn:active {
  background: var(--liquid-glass-bg-active);
  transform: scale(0.96);
}

@media (hover: hover) {
  .friends-privacy-action-btn:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.28);
    border-top-color: var(--glass-rim-strong);
    transform: translateY(-1px);
    box-shadow: var(--liquid-glass-shadow-hover);
  }
}

[data-theme="minimal"] .friends-privacy-action-btn {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .friends-privacy-action-btn:hover {
  background: rgba(0, 0, 0, 0.09) !important;
  border-color: rgba(0, 0, 0, 0.20) !important;
}

/* My Identity Card: Profile Layout */
.friends-identity-user-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.friends-identity-avatar {
  position: relative;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.25) 0%, rgba(255, 255, 255, 0.08) 100%);
  border: 1.5px solid rgba(170, 247, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-sans);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--primary);
  flex-shrink: 0;
  cursor: pointer;
  overflow: visible;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.friends-identity-avatar:hover {
  transform: scale(1.04);
}

.friends-identity-avatar .friends-avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.friends-avatar-edit-badge {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #000000;
  border: 1px solid var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

[data-theme="minimal"] .friends-identity-avatar {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-avatar-edit-badge {
  background: #ffffff !important;
  border-color: #000000 !important;
  color: #000000 !important;
}

.friends-identity-name-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.friends-identity-name {
  font-family: var(--font-sans);
  font-size: 1.05rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
}

[data-theme="minimal"] .friends-identity-name {
  color: #000000 !important;
}

.friends-identity-username {
  font-family: var(--font-sans);
  font-size: 0.84rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  letter-spacing: -0.01em;
}

.friends-add-username-hint {
  color: rgba(255, 255, 255, 0.50);
  font-weight: 500;
  font-size: 0.74rem;
  cursor: pointer;
  transition: color 0.15s ease;
}

.friends-add-username-hint:hover {
  color: var(--primary);
}

[data-theme="minimal"] .friends-identity-username {
  color: #8e8e93 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

[data-theme="minimal"] .friends-add-username-hint {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .friends-add-username-hint:hover {
  color: #000000 !important;
}

/* Friend Card User Row Enhancements */
.friends-card-name-row {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex-wrap: wrap;
}

.friends-card-username {
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.50);
}

[data-theme="minimal"] .friends-card-username {
  color: #8e8e93 !important;
}

/* Card Actions Container */
.friends-card-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* Friend Calendar Action Button (Compact Apple Icon Action) */
.friends-cal-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  background: var(--liquid-glass-bg);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.20);
  touch-action: manipulation;
  user-select: none;
}

.friends-cal-btn svg {
  display: block;
  flex-shrink: 0;
  pointer-events: none;
}

.friends-cal-btn:active {
  background: rgba(255, 255, 255, 0.15);
  transform: scale(0.95);
}

@media (hover: hover) {
  .friends-cal-btn:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
  }
}

[data-theme="minimal"] .friends-cal-btn {
  background: var(--liquid-glass-bg) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.95) !important;
  color: #000000 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), inset 0 1px 1px #ffffff !important;
}

[data-theme="minimal"] .friends-cal-btn:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.22) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-cal-btn:active {
  background: rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

/* Privacy Modal iOS Card & Switch */
.friends-privacy-card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 18px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

[data-theme="minimal"] .friends-privacy-card {
  background: rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

.friends-privacy-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.friends-privacy-text-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.friends-privacy-label {
  font-family: var(--font-sans);
  font-size: 0.92rem;
  font-weight: 600;
  color: #ffffff;
}

[data-theme="minimal"] .friends-privacy-label {
  color: #000000 !important;
}

.friends-privacy-sub {
  font-family: var(--font-sans);
  font-size: 0.76rem;
  font-weight: 400;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.55);
}

[data-theme="minimal"] .friends-privacy-sub {
  color: #636366 !important;
}

/* iOS Cupertino Switch */
.friends-switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 28px;
  flex-shrink: 0;
}

.friends-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.friends-switch-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.16);
  border-radius: 28px;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.friends-switch-slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 2px;
  bottom: 2px;
  background-color: #ffffff;
  border-radius: 50%;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.30);
}

.friends-switch input:checked + .friends-switch-slider {
  background-color: var(--primary);
  border-color: var(--primary);
}

.friends-switch input:checked + .friends-switch-slider:before {
  transform: translateX(20px);
  background-color: #000000;
}

[data-theme="minimal"] .friends-switch-slider {
  background-color: rgba(0, 0, 0, 0.12) !important;
  border-color: rgba(0, 0, 0, 0.16) !important;
}

[data-theme="minimal"] .friends-switch input:checked + .friends-switch-slider {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

[data-theme="minimal"] .friends-switch input:checked + .friends-switch-slider:before {
  background-color: #ffffff !important;
}

/* Profile Modal Avatar Picker & Fields */
.friends-modal-profile-card {
  max-width: 440px;
  max-height: 92vh;
  overflow-y: auto;
  scrollbar-width: thin;
  padding: 22px 24px;
  gap: 14px;
}

.friends-modal-profile-card::-webkit-scrollbar {
  width: 5px;
}

.friends-modal-profile-card::-webkit-scrollbar-track {
  background: transparent;
}

.friends-modal-profile-card::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
  border-radius: 999px;
}

[data-theme="minimal"] .friends-modal-profile-card::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15);
}

.friends-profile-preview-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 0 6px 0;
}

.friends-profile-preview-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.25) 0%, rgba(255, 255, 255, 0.08) 100%);
  border: 2px solid rgba(170, 247, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-sans);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--primary);
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.friends-profile-preview-avatar .friends-avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

[data-theme="minimal"] .friends-profile-preview-avatar {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.20) !important;
  color: #000000 !important;
}

.friends-avatar-picker-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  grid-auto-rows: 48px;
  gap: 12px;
  max-height: 180px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  padding: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  box-sizing: border-box;
}

.friends-avatar-picker-grid::-webkit-scrollbar {
  width: 5px;
}

.friends-avatar-picker-grid::-webkit-scrollbar-track {
  background: transparent;
}

.friends-avatar-picker-grid::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.20);
  border-radius: 999px;
}

[data-theme="minimal"] .friends-avatar-picker-grid::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
}

.friends-avatar-option-btn {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  max-width: 48px;
  max-height: 48px;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  padding: 0;
  border: 2px solid transparent;
  background: rgba(255, 255, 255, 0.06);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  flex-shrink: 0;
}

.friends-avatar-option-btn:hover {
  transform: scale(1.08);
  border-color: rgba(255, 255, 255, 0.4);
}

.friends-avatar-option-btn:active {
  transform: scale(0.94);
}

.friends-avatar-option-btn.is-selected {
  border-color: var(--primary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
  transform: scale(1.08);
}

.friends-avatar-option-btn.text-option {
  font-family: var(--font-sans);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--primary);
  background: rgba(170, 247, 0, 0.12);
  border: 1.5px dashed rgba(170, 247, 0, 0.45);
}

.friends-avatar-option-btn.text-option.is-selected {
  border: 2px solid var(--primary);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}

.friends-avatar-option-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
}

@media (max-width: 480px) {
  .friends-modal-profile-card {
    padding: 18px 16px;
    gap: 12px;
  }
  .friends-avatar-picker-grid {
    grid-template-columns: repeat(auto-fill, minmax(46px, 1fr));
    grid-auto-rows: 46px;
    gap: 10px;
    padding: 10px;
    max-height: 170px;
  }
  .friends-avatar-option-btn {
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    max-width: 46px;
    max-height: 46px;
  }
}

[data-theme="minimal"] .friends-avatar-picker-grid {
  background: rgba(0, 0, 0, 0.02) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .friends-avatar-option-btn {
  background: rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .friends-avatar-option-btn.is-selected {
  border-color: #000000 !important;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="minimal"] .friends-avatar-option-btn.text-option {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.25) !important;
}

[data-theme="minimal"] .friends-avatar-option-btn.text-option.is-selected {
  border: 2px solid #000000 !important;
}

.friends-profile-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

.friends-field-label {
  font-family: var(--font-sans);
  font-size: 0.82rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: -0.01em;
  color: rgba(255, 255, 255, 0.70);
  line-height: 1.25;
}

[data-theme="minimal"] .friends-field-label {
  color: #1c1c1e !important;
}

.friends-field-hint {
  font-family: var(--font-sans);
  font-size: 0.74rem;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.35;
}

[data-theme="minimal"] .friends-field-hint {
  color: #8e8e93 !important;
}

.friends-text-input {
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-top: 1px solid var(--glass-rim);
  border-radius: 12px;
  padding: 11px 14px;
  min-height: 44px;
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 600;
  color: #ffffff;
  outline: none;
  transition: all 0.2s ease;
}

.friends-text-input:focus {
  border-color: var(--primary);
  background: rgba(255, 255, 255, 0.09);
}

[data-theme="minimal"] .friends-text-input {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.14) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-text-input:focus {
  background: #ffffff !important;
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08) !important;
  outline: none !important;
}

.friends-username-input-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-top: 1px solid var(--glass-rim);
  border-radius: 12px;
  padding: 0 14px;
  min-height: 44px;
  margin: 0;
  transition: all 0.2s ease;
}

.friends-username-prefix {
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--primary);
  margin-right: 4px;
  user-select: none;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.friends-username-input,
#friendsProfileUsernameInput {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-width: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 11px 0 !important;
  margin: 0 !important;
  font-family: var(--font-sans) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #ffffff;
  line-height: normal !important;
  height: auto !important;
}

.friends-username-input:focus,
#friendsProfileUsernameInput:focus {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.friends-username-input-wrap:focus-within {
  border-color: var(--primary);
  background: rgba(255, 255, 255, 0.09);
}

[data-theme="minimal"] .friends-username-input-wrap {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.14) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="minimal"] .friends-username-prefix {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .friends-username-input,
[data-theme="minimal"] input[type="text"].friends-username-input,
[data-theme="minimal"] #friendsProfileUsernameInput {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-width: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #000000 !important;
  padding: 11px 0 !important;
  margin: 0 !important;
}

[data-theme="minimal"] .friends-username-input:focus,
[data-theme="minimal"] input[type="text"].friends-username-input:focus,
[data-theme="minimal"] #friendsProfileUsernameInput:focus {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .friends-username-input-wrap:focus-within {
  background: #ffffff !important;
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08) !important;
}

/* Calendar Modal Styling */
#friendsCalendarModal {
  align-items: flex-start !important;
  justify-content: center !important;
  padding: max(40px, 8vh) 20px 30px 20px !important;
  overflow-y: auto !important;
}

.friends-modal-cal-card {
  width: 100%;
  max-width: 390px;
  max-height: 90vh;
  padding: 22px 22px 24px 22px !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

@media (max-width: 600px) {
  #friendsCalendarModal {
    align-items: flex-start !important;
    justify-content: center !important;
    padding: max(20px, env(safe-area-inset-top, 0px) + 12px) 12px 20px 12px !important;
    overflow-y: auto !important;
  }
  .friends-modal-cal-card {
    max-width: 360px !important;
    padding: 18px 16px 20px 16px !important;
  }
}

.friends-modal-cal-card .friends-modal-header {
  margin-bottom: 4px;
}

.friends-modal-cal-card .friends-avatar {
  width: 38px;
  height: 38px;
  font-size: 1rem;
}

.friends-modal-cal-card .friends-modal-title {
  font-size: 1.05rem;
}

#friendsCalendarModalBody {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(90vh - 68px);
  padding: 0 4px 2px 4px;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

#friendsCalendarModalBody::-webkit-scrollbar {
  width: 4px;
}

#friendsCalendarModalBody::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}

.friends-cal-modal-user {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.friends-cal-modal-meta {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.friends-cal-modal-sub {
  font-family: var(--font-sans);
  font-size: 0.74rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.50);
}

[data-theme="minimal"] .friends-cal-modal-sub {
  color: #8e8e93 !important;
}

.friends-cal-widget {
  background: transparent !important;
  border: none !important;
  padding: 4px 6px 8px 6px !important;
  margin: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

.friends-cal-widget::before {
  display: none !important;
}

.friends-cal-widget .calendar-month-header {
  padding-top: 2px !important;
  margin-bottom: 12px !important;
}

.friends-cal-widget .calendar-month-title {
  cursor: default !important;
  pointer-events: none !important;
  transform: none !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  padding: 5px 14px !important;
}

.friends-cal-widget .calendar-month-title:hover {
  transform: none !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

.friends-cal-widget .calendar-nav-btn {
  width: 32px !important;
  height: 32px !important;
}

.friends-cal-widget .calendar-weekdays-row {
  margin-bottom: 6px !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  padding: 0 4px;
  box-sizing: border-box;
}

.friends-cal-widget .calendar-days-grid {
  gap: 5px !important;
  padding: 4px;
  margin: 0;
  box-sizing: border-box;
  overflow: visible;
}

.friends-cal-widget .calendar-day-cell {
  cursor: pointer !important;
  position: relative;
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  user-select: none;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
}

.friends-cal-widget .calendar-day-cell:active {
  transform: scale(0.93);
}

.friends-cal-widget .calendar-day-cell.is-selected,
[data-theme="minimal"] .friends-cal-widget .calendar-day-cell.is-selected {
  background: var(--liquid-glass-accent-bg) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-top: 1px solid var(--glass-rim-accent) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
  border-radius: 50% !important;
  transform: none !important;
  z-index: 2;
}

.friends-cal-widget .calendar-day-cell.is-selected.today,
[data-theme="minimal"] .friends-cal-widget .calendar-day-cell.is-selected.today {
  background: var(--liquid-glass-accent-bg) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-top: 1px solid var(--glass-rim-accent) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
  border-radius: 50% !important;
  transform: none !important;
}

.friends-cal-widget .calendar-day-cell.today:not(.is-selected),
[data-theme="minimal"] .friends-cal-widget .calendar-day-cell.today:not(.is-selected) {
  border: 1px solid rgba(170, 247, 0, 0.45) !important;
  color: var(--mnml-lime, #aaf700) !important;
  font-weight: 700 !important;
}

.friends-cal-widget .calendar-day-cell.is-selected .cal-dot-task,
.friends-cal-widget .calendar-day-cell.is-selected .cal-dot-event,
.friends-cal-widget .calendar-day-cell.is-selected .cal-dot-objective,
[data-theme="minimal"] .friends-cal-widget .calendar-day-cell.is-selected .cal-dot-task,
[data-theme="minimal"] .friends-cal-widget .calendar-day-cell.is-selected .cal-dot-event,
[data-theme="minimal"] .friends-cal-widget .calendar-day-cell.is-selected .cal-dot-objective {
  background-color: #000000 !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}

/* Friend Calendar Selected Day Detail & Busy Slots Timeline */
.friends-cal-day-detail {
  margin-top: 10px;
  margin-bottom: 2px;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: left;
  box-sizing: border-box;
}

[data-theme="minimal"] .friends-cal-day-detail {
  background: rgba(0, 0, 0, 0.025) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

.friends-cal-day-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-shrink: 0;
}

.friends-cal-day-title {
  font-family: var(--font-sans);
  font-size: 0.80rem;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: -0.01em;
}

[data-theme="minimal"] .friends-cal-day-title {
  color: #000000 !important;
}

.friends-cal-day-badge {
  font-family: var(--font-sans);
  font-size: 0.68rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.08);
  padding: 2px 6px;
  border-radius: 6px;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .friends-cal-day-badge {
  color: #636366 !important;
  background: rgba(0, 0, 0, 0.06) !important;
}

.friends-cal-day-body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 6px;
  max-height: 155px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

.friends-cal-slots-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.friends-cal-slot-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 8px;
  flex-shrink: 0;
}

[data-theme="minimal"] .friends-cal-slot-item {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.06) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.friends-cal-slot-bar {
  width: 3px;
  height: 14px;
  background: var(--mnml-orange, #aaf700);
  border-radius: 2px;
  flex-shrink: 0;
}

[data-theme="minimal"] .friends-cal-slot-bar {
  background: #000000 !important;
}

.friends-cal-slot-time {
  font-family: var(--font-sans);
  font-size: 0.76rem;
  font-weight: 600;
  color: #ffffff;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  letter-spacing: -0.01em;
}

[data-theme="minimal"] .friends-cal-slot-time {
  color: #000000 !important;
}

.friends-cal-slot-status {
  margin-left: auto;
  font-family: var(--font-sans);
  font-size: 0.68rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

[data-theme="minimal"] .friends-cal-slot-status {
  color: #8e8e93 !important;
}

/* Notices in Friends Calendar Day Detail (Top-aligned, same vertical position) */
.friends-cal-free-notice,
.friends-cal-untimed-notice {
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  font-family: var(--font-sans);
  font-size: 0.76rem;
  font-weight: 500;
  border-radius: 8px;
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  min-height: 36px;
}

.friends-cal-free-notice {
  color: var(--mnml-lime, #aaf700);
  background: rgba(170, 247, 0, 0.08);
  border: 1px solid rgba(170, 247, 0, 0.22);
}

.friends-cal-free-notice svg {
  stroke: var(--mnml-lime, #aaf700);
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

[data-theme="minimal"] .friends-cal-free-notice {
  color: var(--mnml-lime, #aaf700) !important;
  background: rgba(170, 247, 0, 0.08) !important;
  border: 1px solid rgba(170, 247, 0, 0.22) !important;
}

[data-theme="minimal"] .friends-cal-free-notice svg {
  stroke: var(--mnml-lime, #aaf700) !important;
}

.friends-cal-untimed-notice {
  color: rgba(255, 255, 255, 0.75);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.friends-cal-untimed-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--mnml-orange, #ff9500);
  flex-shrink: 0;
}

[data-theme="minimal"] .friends-cal-untimed-notice {
  color: rgba(0, 0, 0, 0.75) !important;
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .friends-cal-untimed-dot {
  background: var(--mnml-orange, #ff9500) !important;
}

.friends-cal-legend {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 10px;
  padding-bottom: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 8px;
}

[data-theme="minimal"] .friends-cal-legend {
  border-top-color: rgba(0, 0, 0, 0.08) !important;
}

.friends-cal-legend-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 2px;
}

.friends-cal-legend-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: var(--font-sans);
  font-size: 0.72rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
}

.friends-cal-legend-item .cal-dot-task,
.friends-cal-legend-item .cal-dot-event,
.friends-cal-legend-item .cal-dot-objective {
  position: static !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}

[data-theme="minimal"] .friends-cal-legend-item {
  color: #3a3a3c !important;
}

.friends-cal-privacy-notice {
  font-family: var(--font-sans);
  font-size: 0.70rem;
  color: rgba(255, 255, 255, 0.45);
  line-height: 1.4;
  text-align: center;
  margin: 0;
  padding-bottom: 2px;
}

[data-theme="minimal"] .friends-cal-privacy-notice {
  color: #8e8e93 !important;
}

/* Calendar Private State */
.friends-cal-private-card {
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
}

.friends-cal-private-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.50);
}

[data-theme="minimal"] .friends-cal-private-icon {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  color: #636366 !important;
}

.friends-cal-private-title {
  font-family: var(--font-sans);
  font-size: 1.05rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

[data-theme="minimal"] .friends-cal-private-title {
  color: #000000 !important;
}

.friends-cal-private-desc {
  font-family: var(--font-sans);
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.55);
  line-height: 1.45;
  margin: 0;
  max-width: 320px;
}

[data-theme="minimal"] .friends-cal-private-desc {
  color: #636366 !important;
}

/* ==========================================================================
   DESKTOP PROJECT TASKS VIEWS (LISTA & KANBAN)
   ========================================================================== */

.prj-section-header-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.prj-tasks-view-switcher {
  display: inline-flex;
  align-items: center;
  padding: 2px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.10);
  gap: 2px;
}

.prj-view-switch-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: 0.74rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}

.prj-view-switch-btn:hover {
  color: var(--text-white);
}

.prj-view-switch-btn.active {
  background: rgba(255, 255, 255, 0.14);
  color: var(--text-white);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35), inset 0 1px 0.5px rgba(255, 255, 255, 0.25);
}

.prj-kanban-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(240px, 1fr));
  gap: 14px;
  align-items: stretch;
  width: 100%;
  overflow-x: auto;
  padding-bottom: 8px;
  margin-top: 2px;
}

@media (max-width: 767px) {
  .prj-kanban-board {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 12px;
    gap: 12px;
  }
  .prj-kanban-board.is-dragging-active {
    scroll-snap-type: none !important;
    -webkit-overflow-scrolling: auto !important;
  }
  .prj-kanban-board.is-dragging-active .prj-kanban-column {
    scroll-snap-align: none !important;
  }
  .prj-kanban-column {
    flex: 0 0 260px;
    scroll-snap-align: start;
  }
}

.prj-kanban-column {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 220px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  padding: 10px;
  gap: 8px;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.prj-kanban-column.is-drag-over {
  background: rgba(170, 247, 0, 0.05);
  border-color: rgba(170, 247, 0, 0.35);
  box-shadow: inset 0 0 0 1px rgba(170, 247, 0, 0.18);
}

.prj-kanban-col-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 4px 6px 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  gap: 6px;
}

.prj-kanban-col-header-left {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.prj-kanban-col-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.prj-kanban-col-title {
  font-family: var(--font-sans);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--text-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prj-kanban-col-count {
  font-family: var(--font-sans);
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--text-muted);
  background: rgba(255, 255, 255, 0.07);
  padding: 1px 6px;
  border-radius: 999px;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  flex-shrink: 0;
}

.prj-kanban-col-add-btn {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  border: none;
  background: transparent;
  color: var(--text-muted);
  font-family: var(--font-sans);
  line-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease;
}

.prj-kanban-col-add-btn svg {
  display: block !important;
  margin: 0 auto !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
}

.prj-kanban-col-add-btn:hover {
  background: rgba(255, 255, 255, 0.10);
  color: var(--text-white);
  transform: none !important;
}

.prj-kanban-col-add-btn:active {
  transform: scale(0.92) !important;
}

.prj-kanban-col-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-height: 160px;
}

.prj-kanban-col-empty {
  flex: 1;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--font-sans);
  font-size: 0.74rem;
  color: rgba(255, 255, 255, 0.25);
  border: 1px dashed rgba(255, 255, 255, 0.07);
  border-radius: 12px;
  padding: 12px;
  pointer-events: none;
}

.prj-kanban-card-wrapper {
  display: flex;
  flex-direction: column;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.prj-kanban-card-wrapper.is-kanban-dragging {
  opacity: 0.32;
}

.prj-kanban-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 11px;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 13px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.16);
  cursor: grab;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.prj-kanban-card:active {
  cursor: grabbing;
}

.prj-kanban-card:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.26);
  border-top-color: rgba(255, 255, 255, 0.42);
}

.prj-kanban-card.completed {
  opacity: 0.55;
  transform: scale(0.97);
}

.prj-kanban-card.completed .prj-kanban-card-title {
  text-decoration: line-through;
  color: var(--text-muted);
}

.prj-kanban-card-top {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.prj-kanban-card-title-col {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.prj-kanban-card-title {
  width: 100%;
  min-width: 0;
  font-family: var(--font-sans);
  font-size: 0.83rem;
  font-weight: 600;
  color: var(--text-white);
  line-height: 1.35;
  word-break: break-word;
  padding-top: 1px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: color 0.15s ease;
}

.prj-kanban-card-title:hover {
  color: #ffffff;
}

.prj-kanban-card-title.is-expanded {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

.prj-card-title-expand-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  align-self: flex-start;
  padding: 0;
  margin-top: 2px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: 0.67rem;
  font-weight: 500;
  cursor: pointer;
  line-height: 1.2;
  opacity: 0.65;
  transition: opacity 0.15s ease, color 0.15s ease;
  -webkit-appearance: none;
  appearance: none;
}

.prj-card-title-expand-btn:hover {
  opacity: 1;
  color: #ffffff;
}

.prj-card-title-expand-btn:active {
  transform: scale(0.96);
}

.prj-card-title-expand-btn.is-expanded {
  opacity: 0.85;
  color: var(--text-white);
}

.prj-card-title-expand-btn .prj-title-expand-icon {
  display: block;
  flex-shrink: 0;
  pointer-events: none;
  opacity: 0.75;
}

.prj-kanban-card-actions {
  display: flex;
  align-items: center;
  gap: 1px;
  opacity: 0;
  transition: opacity 0.15s ease;
  flex-shrink: 0;
}

.prj-kanban-card:hover .prj-kanban-card-actions {
  opacity: 1;
}

.prj-kanban-card-meta {
  font-family: var(--font-sans);
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--text-muted);
  padding-left: 30px;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* ==========================================================================
   Project Kanban & List Cards - Unified Temporal & Metadata System
   ========================================================================== */
.prj-kanban-card-badges {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  padding-left: 28px;
  margin-top: 4px;
}

.prj-meta-time {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--font-sans);
  font-size: 0.71rem;
  font-weight: 500;
  color: var(--text-muted);
  line-height: 1.25;
  user-select: none;
  -webkit-user-select: none;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  white-space: nowrap;
}

.prj-meta-time svg {
  flex-shrink: 0;
  display: block;
  opacity: 0.75;
  pointer-events: none;
}

.prj-meta-time.is-today {
  color: #ffffff;
  font-weight: 600;
}

.prj-meta-time.is-today svg {
  opacity: 1;
  stroke: #ffffff;
}

.prj-meta-time.is-overdue {
  color: #ff453a;
  font-weight: 600;
}

.prj-meta-time.is-overdue svg {
  opacity: 1;
  stroke: #ff453a;
}

.prj-meta-time.is-recurrent {
  color: var(--text-secondary);
}

.prj-meta-tag.is-habit {
  display: inline-flex;
  align-items: center;
  gap: 3.5px;
  font-family: var(--font-sans);
  font-size: 0.69rem;
  font-weight: 600;
  color: #aaf700;
  line-height: 1.25;
}

.prj-meta-tag.is-habit svg {
  stroke: #aaf700;
  opacity: 1;
}

.prj-kanban-card-badges .subtask-badge-pill {
  margin-left: auto;
  padding: 1.5px 6.5px;
  font-size: 0.67rem;
  line-height: 1.2;
  cursor: pointer;
  border-radius: var(--radius-pill);
  flex-shrink: 0;
}

.prj-kanban-card-subtasks {
  padding-left: 30px;
  margin-top: 2px;
}

.prj-kanban-subtasks-drawer {
  margin-top: 4px;
  border-radius: 10px;
}

.prj-kanban-drag-ghost .prj-kanban-card {
  background: rgba(26, 26, 32, 0.96);
  border-color: rgba(170, 247, 0, 0.55);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(170, 247, 0, 0.25);
  cursor: grabbing;
}

/* ==========================================================================
   SETTINGS: APPEARANCE (ASPECTO) SELECTOR — LIMA vs MINIMAL
   ========================================================================== */
.settings-appearance-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 18px;
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  cursor: pointer;
  text-align: left;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
  font-family: var(--font-sans);
  outline: none;
  width: 100%;
  box-sizing: border-box;
}

.settings-appearance-card:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.28);
  transform: translateY(-2px);
}

.settings-appearance-card.active {
  border-color: var(--mnml-orange);
  background: rgba(170, 247, 0, 0.08);
  box-shadow: 0 4px 18px rgba(170, 247, 0, 0.18), inset 0 1px 1px rgba(255, 255, 255, 0.35);
}

.appearance-preview {
  height: 94px;
  border-radius: 12px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.appearance-preview.preview-lima {
  background: #000000;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.15);
}

.appearance-preview.preview-minimal {
  background: #f2f2f7;
  border: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.85);
}

.preview-mini-header {
  display: flex;
  align-items: center;
  gap: 8px;
}

.preview-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.preview-line {
  height: 6px;
  border-radius: 3px;
}

.preview-line.line-short {
  width: 38px;
}

.preview-mini-card {
  border-radius: 8px;
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.preview-lima .preview-mini-card {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.preview-minimal .preview-mini-card {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-top: 1px solid #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.preview-mini-pill {
  font-size: 0.62rem;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 9999px;
  align-self: flex-start;
  margin-top: 2px;
  line-height: 1.2;
  letter-spacing: 0.02em;
}

.appearance-card-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 2px 4px;
}

.appearance-radio-indicator {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.settings-appearance-card.active .appearance-radio-indicator {
  border-color: var(--mnml-orange);
}

.appearance-radio-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: transparent;
  transition: background 0.2s ease;
}

.settings-appearance-card.active .appearance-radio-dot {
  background: var(--mnml-orange);
}

.appearance-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.appearance-title {
  font-size: 0.90rem;
  font-weight: 700;
  color: var(--text-white);
  line-height: 1.2;
}

.appearance-desc {
  font-size: 0.74rem;
  color: var(--text-gray);
  line-height: 1.2;
}

/* ==========================================================================
   MINIMAL THEME: MONOCHROMATIC LIGHT MODE ENGINE
   (Colors restricted exclusively to projects)
   ========================================================================== */
[data-theme="minimal"] html,
[data-theme="minimal"] body {
  background-color: #dbe0ea !important;
  background: #dbe0ea !important;
  background-image: 
    radial-gradient(at 0% 0%, rgba(244, 247, 253, 0.85) 0px, transparent 50%),
    radial-gradient(at 100% 0%, rgba(224, 230, 242, 0.75) 0px, transparent 50%),
    radial-gradient(at 50% 100%, rgba(208, 216, 230, 0.75) 0px, transparent 60%) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .app-container {
  background-color: #dbe0ea !important;
  background: #dbe0ea !important;
  background-image: 
    radial-gradient(at 0% 0%, rgba(244, 247, 253, 0.85) 0px, transparent 50%),
    radial-gradient(at 100% 0%, rgba(224, 230, 242, 0.75) 0px, transparent 50%),
    radial-gradient(at 50% 100%, rgba(208, 216, 230, 0.75) 0px, transparent 60%) !important;
}

[data-theme="minimal"] .desktop-sidebar {
  background: rgba(226, 231, 240, 0.75) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.09) !important;
}

[data-theme="minimal"] .sidebar-brand-title {
  color: #000000 !important;
}

[data-theme="minimal"] .sidebar-logo-img {
  content: url('../assets/logo-minimal.png?v=63.0') !important;
}

[data-theme="minimal"] .sidebar-brand-badge {
  color: #ffffff !important;
  background: #000000 !important;
  border: 1px solid #000000 !important;
}

[data-theme="minimal"] .desktop-nav-item {
  color: #636366 !important;
}

[data-theme="minimal"] .desktop-nav-item:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #000000 !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .desktop-nav-item.active {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.32) 100%) !important;
  backdrop-filter: blur(25px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.90) !important;
  border-top: 1.5px solid #ffffff !important;
  color: #000000 !important;
  font-weight: 700 !important;
  box-shadow: 
    0 4px 16px -2px rgba(0, 0, 0, 0.06),
    0 1px 3px rgba(0, 0, 0, 0.02),
    inset 0 1.5px 1.5px 0 #ffffff !important;
}

[data-theme="minimal"] .desktop-nav-item.active .desktop-nav-icon {
  color: #000000 !important;
}

[data-theme="minimal"] .desktop-nav-badge {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .sidebar-action-btn {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.28) 100%) !important;
  backdrop-filter: blur(25px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  border-radius: 14px !important;
  color: #000000 !important;
  font-weight: 600 !important;
  box-shadow: 
    0 4px 14px -2px rgba(0, 0, 0, 0.05),
    0 1px 2px rgba(0, 0, 0, 0.02),
    inset 0 1px 1.5px 0 #ffffff !important;
  transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), background 0.18s ease, box-shadow 0.18s ease !important;
}

[data-theme="minimal"] .sidebar-action-btn:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 100%) !important;
  border-color: rgba(255, 255, 255, 0.95) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 
    0 6px 18px -2px rgba(0, 0, 0, 0.07),
    inset 0 1.5px 1.5px 0 #ffffff !important;
  transform: none !important;
}

[data-theme="minimal"] .sidebar-action-btn:active {
  transform: scale(0.97) !important;
  background: rgba(255, 255, 255, 0.45) !important;
}

[data-theme="minimal"] .sidebar-action-plus {
  color: #000000 !important;
}

[data-theme="minimal"] .sidebar-user-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.68) 0%, rgba(255, 255, 255, 0.30) 100%) !important;
  backdrop-filter: blur(25px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 
    0 4px 14px -2px rgba(0, 0, 0, 0.05),
    0 1px 2px rgba(0, 0, 0, 0.02),
    inset 0 1px 1.5px 0 #ffffff !important;
}

[data-theme="minimal"] .sidebar-user-name {
  color: #000000 !important;
}

[data-theme="minimal"] .sidebar-footer {
  border-top-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .app-container::before {
  display: none !important;
}

[data-theme="minimal"] .os-viewport {
  background-color: #dbe0ea !important;
  background: #dbe0ea !important;
  background-image: 
    radial-gradient(at 0% 0%, rgba(244, 247, 253, 0.85) 0px, transparent 50%),
    radial-gradient(at 100% 0%, rgba(224, 230, 242, 0.75) 0px, transparent 50%),
    radial-gradient(at 50% 100%, rgba(208, 216, 230, 0.75) 0px, transparent 60%) !important;
}

[data-theme="minimal"] .os-bottom-dock {
  background: linear-gradient(180deg, transparent 0%, rgba(219, 224, 234, 0.75) 25%, rgba(219, 224, 234, 0.95) 100%) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .home-quick-capture-bar,
[data-theme="minimal"] .home-quick-capture-pill {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.60) 100%) !important;
  backdrop-filter: blur(28px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), inset 0 1px 1.5px #ffffff !important;
  color: #000000 !important;
}

[data-theme="minimal"] .home-quick-capture-input {
  color: #000000 !important;
}

[data-theme="minimal"] .home-quick-capture-input::placeholder {
  color: #8e8e93 !important;
}

/* Subapp Headers & Back Buttons */
[data-theme="minimal"] .subapp-title {
  color: #000000 !important;
}

[data-theme="minimal"] .subapp-count {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .subapp-back-btn {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  color: #000000 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04), inset 0 1px 1px #ffffff !important;
}

[data-theme="minimal"] .subapp-back-btn:hover {
  background: var(--liquid-glass-bg-hover) !important;
  border-top: 1px solid var(--glass-rim-strong) !important;
  color: #000000 !important;
}

/* Cards & Surfaces: Authentic Apple Liquid Glass in Light Theme */
[data-theme="minimal"] .settings-card,
[data-theme="minimal"] .glass-card,
[data-theme="minimal"] .home-card,
[data-theme="minimal"] .agenda-day-card {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .settings-card:hover,
[data-theme="minimal"] .glass-card:hover,
[data-theme="minimal"] .home-card:hover,
[data-theme="minimal"] .agenda-day-card:hover {
  background: var(--liquid-glass-bg-hover) !important;
  border-top: 1px solid var(--glass-rim-strong) !important;
  box-shadow: var(--liquid-glass-shadow-hover) !important;
}

[data-theme="minimal"] .settings-section-title {
  color: #000000 !important;
}

[data-theme="minimal"] .settings-label {
  color: #000000 !important;
}

[data-theme="minimal"] .settings-subtext {
  color: #636366 !important;
}

[data-theme="minimal"] .settings-toggle-row {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .quick-btn-title {
  color: #000000 !important;
}

[data-theme="minimal"] .quick-btn-sub {
  color: #636366 !important;
}

[data-theme="minimal"] .settings-quick-btn {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .settings-quick-btn:hover {
  background: var(--liquid-glass-bg-hover) !important;
  border-top: 1px solid var(--glass-rim-strong) !important;
  box-shadow: var(--liquid-glass-shadow-hover) !important;
}

[data-theme="minimal"] .settings-quick-btn.active {
  background: var(--liquid-glass-bg-active) !important;
  border-color: #000000 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .settings-segment-bar {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .settings-segment-btn {
  color: #636366 !important;
}

[data-theme="minimal"] .settings-segment-btn.active {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}

/* Appearance Selector in Minimal */
[data-theme="minimal"] .settings-appearance-card {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .settings-appearance-card:hover:not(.active) {
  background: var(--liquid-glass-bg-hover) !important;
  border-top: 1px solid var(--glass-rim-strong) !important;
  box-shadow: var(--liquid-glass-shadow-hover) !important;
}

[data-theme="minimal"] .settings-appearance-card.active {
  border-color: #000000 !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(245, 245, 250, 0.85) 100%) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08), inset 0 1px 1.5px #ffffff !important;
}

[data-theme="minimal"] .settings-appearance-card .appearance-title {
  color: #000000 !important;
}

[data-theme="minimal"] .settings-appearance-card .appearance-radio-indicator {
  border-color: rgba(0, 0, 0, 0.25) !important;
}

[data-theme="minimal"] .settings-appearance-card.active .appearance-radio-indicator {
  border-color: #000000 !important;
}

[data-theme="minimal"] .settings-appearance-card.active .appearance-radio-dot {
  background: #000000 !important;
}

/* Switch & Controls */
[data-theme="minimal"] .mnml-switch input:checked + .mnml-slider {
  background-color: #000000 !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .mnml-switch input:checked + .mnml-slider:before {
  background: #ffffff !important;
}

/* Eliminate skeuomorphic plastic shine reflections in Minimal */
[data-theme="minimal"] .mnml-btn::before,
[data-theme="minimal"] .mnml-btn.primary::before,
[data-theme="minimal"] .ios-btn::before,
[data-theme="minimal"] .icon-btn-circle::before,
[data-theme="minimal"] .preset-play-btn::before,
[data-theme="minimal"] .preset-gallery-card::before,
[data-theme="minimal"] .pill-widget::before {
  display: none !important;
}

[data-theme="minimal"] .mnml-btn.primary,
[data-theme="minimal"] .ios-btn.primary {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .mnml-btn.primary:hover,
[data-theme="minimal"] .ios-btn.primary:hover {
  background: #2c2c2e !important;
  border-color: #2c2c2e !important;
}

[data-theme="minimal"] .mnml-btn.secondary,
[data-theme="minimal"] .ios-btn {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.68) 0%, rgba(255, 255, 255, 0.30) 100%) !important;
  backdrop-filter: blur(25px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  color: #000000 !important;
  box-shadow: 
    0 4px 14px -2px rgba(0, 0, 0, 0.05),
    0 1px 2px rgba(0, 0, 0, 0.02),
    inset 0 1.5px 1.5px 0 #ffffff !important;
}

[data-theme="minimal"] .mnml-btn.secondary:hover,
[data-theme="minimal"] .ios-btn:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 100%) !important;
  border-color: rgba(255, 255, 255, 0.95) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 
    0 6px 18px -2px rgba(0, 0, 0, 0.07),
    inset 0 1.5px 1.5px 0 #ffffff !important;
}

/* Form Controls & Inputs */
[data-theme="minimal"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]):not(.home-quick-capture-input):not(.agenda-sidebar-quick-input):not(#homeQuickCaptureInput):not(#deskQuickInboxInput):not(#editTitleInput):not(#journalTitleInput):not(.friends-username-input):not(#friendsProfileUsernameInput):not(.agenda-quick-inbox-input):not(#quickInboxInput),
[data-theme="minimal"] textarea:not(#editTitleInput):not(#journalTitleInput),
[data-theme="minimal"] select,
[data-theme="minimal"] .mnml-input,
[data-theme="minimal"] .ios-input {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) inset !important;
}

[data-theme="minimal"] input::placeholder,
[data-theme="minimal"] textarea::placeholder {
  color: #8e8e93 !important;
}

/* Modals & Sheets */
[data-theme="minimal"] .modal-overlay {
  background: rgba(0, 0, 0, 0.35) !important;
}

[data-theme="minimal"] .modal-sheet {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.82) 100%) !important;
  backdrop-filter: blur(30px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(200%) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1px solid #ffffff !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), inset 0 1px 1.5px #ffffff !important;
}

[data-theme="minimal"] .modal-title {
  color: #000000 !important;
}

[data-theme="minimal"] .modal-close,
[data-theme="minimal"] .icon-btn-close {
  color: #636366 !important;
}

[data-theme="minimal"] .modal-close:hover,
[data-theme="minimal"] .icon-btn-close:hover {
  color: #000000 !important;
}

[data-theme="minimal"] .custom-dropdown-menu,
[data-theme="minimal"] .date-picker-dropdown,
[data-theme="minimal"] .editor-slash-popup {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.82) 100%) !important;
  backdrop-filter: blur(25px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1px solid #ffffff !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.10), inset 0 1px 1px #ffffff !important;
  color: #000000 !important;
}

[data-theme="minimal"] .custom-dropdown-item {
  color: #000000 !important;
}

[data-theme="minimal"] .custom-dropdown-item:hover,
[data-theme="minimal"] .custom-dropdown-item.selected {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #000000 !important;
}

/* Agenda & Calendar in Minimal */
[data-theme="minimal"] .agenda-tab-btn {
  color: #636366 !important;
  background: transparent !important;
}

[data-theme="minimal"] .agenda-tab-btn.active {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .agenda-card-item {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1.5px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, box-shadow 0.2s ease !important;
}

[data-theme="minimal"] .agenda-card-item::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 50% !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.0) 100%) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .agenda-card-item:hover {
  background: var(--liquid-glass-bg-hover) !important;
  border-top: 1.5px solid var(--glass-rim-strong) !important;
  box-shadow: var(--liquid-glass-shadow-hover) !important;
  transform: translateY(-1.5px) !important;
}

[data-theme="minimal"] .agenda-card-item.agenda-overdue-card {
  background: rgba(255, 69, 58, 0.05) !important;
  border-color: rgba(255, 69, 58, 0.30) !important;
  border-left: 3.5px solid #ff453a !important;
}

[data-theme="minimal"] .note-item-title,
[data-theme="minimal"] .agenda-title {
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-task-sub {
  color: #636366 !important;
}

[data-theme="minimal"] .agenda-check-btn {
  -webkit-appearance: none !important;
  appearance: none !important;
  border: 1.5px solid rgba(0, 0, 0, 0.22) !important;
  background: rgba(255, 255, 255, 0.45) !important;
  box-shadow: none !important;
  border-radius: 50% !important;
  transition: transform 0.16s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.15s ease !important;
  touch-action: pan-y !important;
  -webkit-tap-highlight-color: transparent !important;
}

[data-theme="minimal"] .agenda-check-btn.is-habit-check {
  width: 24px !important;
  height: 24px !important;
  border-radius: 6.5px !important;
  margin: 1px !important;
}

[data-theme="minimal"] .agenda-check-btn.mini.is-habit-check {
  width: 18.5px !important;
  height: 18.5px !important;
  border-radius: 5px !important;
  margin: 0.75px !important;
}

[data-theme="minimal"] .agenda-check-btn:active {
  transform: scale(0.88) !important;
  background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .agenda-check-btn:hover {
  border-color: #000000 !important;
  background: rgba(0, 0, 0, 0.05) !important;
  box-shadow: none !important;
}

@keyframes appleCheckPop {
  0% { transform: scale(0.82); }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); }
}

[data-theme="minimal"] .agenda-check-btn.checked,
[data-theme="minimal"] .agenda-check-btn.is-checked,
[data-theme="minimal"] .agenda-card-item.completed .agenda-check-btn,
[data-theme="minimal"] .home-task-item.done .agenda-check-btn {
  background: #000000 !important;
  border-color: #000000 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.20) !important;
  transition: none !important;
  animation: appleCheckPop 0.18s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

[data-theme="minimal"] .agenda-check-btn.checked::after,
[data-theme="minimal"] .agenda-check-btn.is-checked::after,
[data-theme="minimal"] .agenda-card-item.completed .agenda-check-btn::after,
[data-theme="minimal"] .home-task-item.done .agenda-check-btn::after {
  content: '' !important;
  width: 11px !important;
  height: 9px !important;
  background-color: #ffffff !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1.5 5 4.5 8 10.5 1.5'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1.5 5 4.5 8 10.5 1.5'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  display: block !important;
}

[data-theme="minimal"] .reschedule-action-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .reschedule-action-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .agenda-overdue-badge {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #636366 !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Calendar Desktop Split Layout in Minimal */
[data-theme="minimal"] .calendar-split-month,
[data-theme="minimal"] .calendar-split-day {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

@media (min-width: 768px) {
  [data-theme="minimal"] .calendar-split-day {
    background: var(--liquid-glass-bg) !important;
    backdrop-filter: var(--liquid-glass-blur) !important;
    -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
    border: var(--liquid-glass-border) !important;
    border-top: 1.5px solid var(--glass-rim) !important;
    box-shadow: var(--liquid-glass-shadow) !important;
    border-radius: 24px !important;
    padding: 20px 24px !important;
  }
}

[data-theme="minimal"] .agenda-inbox-container {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1.5px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  border-radius: 24px !important;
}

/* Calendar Month Widget as single Apple Liquid Glass platter */
[data-theme="minimal"] .calendar-month-widget {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1.5px solid var(--glass-rim) !important;
  border-radius: 24px !important;
  padding: 16px 14px 14px 14px !important;
  margin-bottom: 20px !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .calendar-month-widget::before {
  display: none !important;
}

/* Apple iOS Month Header & Controls */
[data-theme="minimal"] .calendar-month-header {
  margin-bottom: 14px !important;
  padding: 0 4px !important;
}

[data-theme="minimal"] .calendar-month-title {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-top: 1px solid #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
  font-family: var(--font-sans) !important;
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  letter-spacing: -0.01em !important;
}

[data-theme="minimal"] .calendar-month-title .picker-chevron {
  color: #8e8e93 !important;
  font-size: 0.70rem !important;
  margin-left: 2px !important;
}

[data-theme="minimal"] .calendar-nav-btn {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.35) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1.5px solid #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
}

/* Apple Weekdays Row */
[data-theme="minimal"] .calendar-weekdays-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding-bottom: 8px !important;
  margin-bottom: 8px !important;
}

[data-theme="minimal"] .calendar-weekdays-row span {
  color: #8e8e93 !important;
  font-weight: 600 !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

/* Days Grid & Day Cells */
[data-theme="minimal"] .calendar-days-grid {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  gap: 2px !important;
  row-gap: 4px !important;
  align-items: center !important;
  justify-items: center !important;
  overflow: visible !important;
}

[data-theme="minimal"] .calendar-day-cell {
  font-family: var(--font-sans) !important;
  font-size: 0.90rem !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  color: #1c1c1e !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  border: 1px solid transparent !important;
  transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Desktop Mini Calendar Cells & Grid (Responsive fitting within 280px sidebar) */
[data-theme="minimal"] .agenda-mini-cal-card {
  padding: 14px 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

[data-theme="minimal"] .calendar-days-grid.mini {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  gap: 2px !important;
  row-gap: 3px !important;
  justify-items: center !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

[data-theme="minimal"] .calendar-weekdays-row.mini {
  display: grid !important;
  grid-template-columns: repeat(7, 1fr) !important;
  gap: 2px !important;
  justify-items: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 6px !important;
  font-family: var(--font-sans) !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: #8e8e93 !important;
}

[data-theme="minimal"] .calendar-day-cell.mini {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  font-size: 0.76rem !important;
  border-radius: 50% !important;
}

[data-theme="minimal"] .calendar-day-cell.mini.selected {
  background: var(--liquid-glass-accent-bg) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-top: 1px solid var(--glass-rim-accent) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
  border-radius: 50% !important;
  transform: none !important;
  z-index: 2;
}

[data-theme="minimal"] .calendar-day-cell.mini.selected .cal-dot-task,
[data-theme="minimal"] .calendar-day-cell.mini.selected .cal-dot-event,
[data-theme="minimal"] .calendar-day-cell.mini.selected .cal-dot-objective {
  background-color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .calendar-day-cell.other-month {
  color: rgba(255, 255, 255, 0.32) !important;
  opacity: 0.7 !important;
}

/* Today: Apple Frosted Liquid Glass Tile with Specular Rim & Inner Glow */
[data-theme="minimal"] .calendar-day-cell.today:not(.selected) {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(242, 242, 247, 0.75) 100%) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), inset 0 1px 1.5px #ffffff !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

/* Selected Day: Solid Black Apple Glass Circle */
[data-theme="minimal"] .calendar-day-cell.selected {
  background: linear-gradient(145deg, #1c1c1e 0%, #000000 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border: 1px solid #000000 !important;
  border-top: 1.5px solid rgba(255, 255, 255, 0.40) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22), inset 0 1px 1px rgba(255, 255, 255, 0.25) !important;
  transform: none !important;
}

/* Multi-dot Indicators */
[data-theme="minimal"] .cal-dots-wrap {
  position: absolute !important;
  bottom: 4px !important;
  left: 0 !important;
  right: 0 !important;
  display: flex !important;
  gap: 2px !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  height: 4px !important;
}

[data-theme="minimal"] .cal-dot-task,
[data-theme="minimal"] .cal-dot-event {
  width: 3.5px !important;
  height: 3.5px !important;
  border-radius: 50% !important;
  background-color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .calendar-day-cell.selected .cal-dot-task,
[data-theme="minimal"] .calendar-day-cell.selected .cal-dot-event,
[data-theme="minimal"] .calendar-day-cell.selected .cal-dot-objective {
  background-color: #ffffff !important;
  box-shadow: none !important;
}

/* Habit Pill and Drag Handle in Agenda */
[data-theme="minimal"] .agenda-habit-pill {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #636366 !important;
  padding: 2.5px 7px !important;
  border-radius: 6px !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  gap: 4px !important;
}

[data-theme="minimal"] .agenda-drag-handle {
  color: #c7c7cc !important;
  opacity: 0.6 !important;
}

/* Header Quick Action Plus Buttons */
[data-theme="minimal"] .icon-btn-circle,
[data-theme="minimal"] #prjNewProjectBtn,
[data-theme="minimal"] #notesNewNoteBtn {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  padding: 0 !important;
}

[data-theme="minimal"] .icon-btn-circle:hover,
[data-theme="minimal"] #prjNewProjectBtn:hover,
[data-theme="minimal"] #notesNewNoteBtn:hover {
  background: #2c2c2e !important;
  transform: none !important;
}

/* Notes in Minimal */
[data-theme="minimal"] .note-card-item,
[data-theme="minimal"] .note-card {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1.5px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, box-shadow 0.2s ease !important;
}

[data-theme="minimal"] .note-card-item::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 50% !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.0) 100%) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .note-card-item:hover,
[data-theme="minimal"] .note-card:hover {
  background: var(--liquid-glass-bg-hover) !important;
  border-top: 1.5px solid var(--glass-rim-strong) !important;
  box-shadow: var(--liquid-glass-shadow-hover) !important;
  transform: translateY(-1.5px) !important;
}

[data-theme="minimal"] .note-icon-wrap {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .note-icon-wrap svg,
[data-theme="minimal"] .note-icon-wrap .mnml-svg-icon {
  stroke: #000000 !important;
  color: #000000 !important;
  filter: none !important;
}

[data-theme="minimal"] .note-card-project-badge {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .note-card-title {
  color: #000000 !important;
}

[data-theme="minimal"] .note-card-preview {
  color: #636366 !important;
}

[data-theme="minimal"] .subcat-chip-item {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #636366 !important;
}

[data-theme="minimal"] .subcat-chip-item.active {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Toast HUD in Minimal */
[data-theme="minimal"] #mnmlToast {
  background: rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1px solid #ffffff !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10), inset 0 1px 1.5px #ffffff !important;
  color: #000000 !important;
}

[data-theme="minimal"] .mnml-toast-text {
  color: #000000 !important;
}

[data-theme="minimal"] .mnml-toast-icon {
  color: #000000 !important;
}

[data-theme="minimal"] .mnml-toast-action-btn {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

/* Home Header & Widgets in Minimal */
[data-theme="minimal"] .home-date-capsule {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1.5px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .date-capsule-glass-sheen {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.0) 100%) !important;
}

[data-theme="minimal"] .date-tile,
[data-theme="minimal"] .date-tile-glass {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.50) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  border-top: 1px solid #ffffff !important;
  box-shadow: inset 0 1px 1px #ffffff, 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="minimal"] .date-tile-month {
  color: #000000 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .date-tile-day {
  color: #000000 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .date-capsule-weekday {
  color: #000000 !important;
}

[data-theme="minimal"] .home-greeting-title {
  color: #000000 !important;
}

[data-theme="minimal"] .home-section-action {
  color: #000000 !important;
}

[data-theme="minimal"] .sync-dot {
  background: #1c1c1e !important;
  box-shadow: none !important;
}

/* Focus in Minimal */
[data-theme="minimal"] .focus-wheel-text,
[data-theme="minimal"] .focus-digits {
  color: #000000 !important;
}

/* Home Widgets & Tasks in Minimal */
[data-theme="minimal"] .day-progress-container {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1.5px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  position: relative !important;
}

[data-theme="minimal"] .day-progress-container::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 50% !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.0) 100%) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .day-progress-track {
  background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .day-progress-fill {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .day-progress-fill::after {
  display: none !important;
}

[data-theme="minimal"] .day-progress-fill.advancing,
[data-theme="minimal"] .day-progress-fill.is-complete {
  background: #000000 !important;
  box-shadow: none !important;
  animation: none !important;
}

[data-theme="minimal"] .day-progress-fill.is-complete::after {
  display: none !important;
}

[data-theme="minimal"] .day-progress-label {
  color: #636366 !important;
}

[data-theme="minimal"] .day-progress-percent {
  color: #000000 !important;
}

[data-theme="minimal"] .home-empty-card {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1.5px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, box-shadow 0.2s ease !important;
}

[data-theme="minimal"] .home-empty-card::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 50% !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.0) 100%) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .home-empty-card:hover {
  background: var(--liquid-glass-bg-hover) !important;
  border-top: 1.5px solid var(--glass-rim-strong) !important;
  box-shadow: var(--liquid-glass-shadow-hover) !important;
  transform: translateY(-1.5px) !important;
}

[data-theme="minimal"] .home-empty-icon-wrap {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .home-empty-title {
  color: #000000 !important;
}

[data-theme="minimal"] .home-empty-sub,
[data-theme="minimal"] .home-empty-arrow {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .home-empty-card:hover .home-empty-arrow {
  color: #000000 !important;
}

[data-theme="minimal"] .home-empty-check-icon {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.20) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.20) !important;
  box-shadow: none !important;
  color: #000000 !important;
}

[data-theme="minimal"] .home-empty-check-icon::before {
  display: none !important;
}

[data-theme="minimal"] .home-task-item:hover .home-empty-check-icon {
  background: #000000 !important;
  border-color: #000000 !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .home-task-item.done .home-empty-check-icon {
  background: #000000 !important;
  border-color: #000000 !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .home-task-item {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1.5px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, box-shadow 0.2s ease !important;
}

[data-theme="minimal"] .home-task-item::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 50% !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.0) 100%) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .home-task-item:hover {
  background: var(--liquid-glass-bg-hover) !important;
  border-top: 1.5px solid var(--glass-rim-strong) !important;
  box-shadow: var(--liquid-glass-shadow-hover) !important;
  transform: translateY(-1.5px) !important;
}

[data-theme="minimal"] .home-task-title {
  color: #000000 !important;
}

[data-theme="minimal"] .home-task-time {
  color: #636366 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .home-task-item.done .home-task-title {
  text-decoration-color: #000000 !important;
  color: #8e8e93 !important;
}

[data-theme="minimal"] .home-recent-card,
[data-theme="minimal"] .home-focus-card,
[data-theme="minimal"] .home-inbox-item {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1.5px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, box-shadow 0.2s ease !important;
}

[data-theme="minimal"] .home-recent-card::before,
[data-theme="minimal"] .home-focus-card::before,
[data-theme="minimal"] .home-inbox-item::before {
  display: block !important;
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 50% !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.0) 100%) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .home-recent-card:hover,
[data-theme="minimal"] .home-focus-card:hover,
[data-theme="minimal"] .home-inbox-item:hover {
  background: var(--liquid-glass-bg-hover) !important;
  border-top: 1.5px solid var(--glass-rim-strong) !important;
  box-shadow: var(--liquid-glass-shadow-hover) !important;
  transform: translateY(-1.5px) !important;
}

[data-theme="minimal"] .quick-capture-icon {
  color: #000000 !important;
}

[data-theme="minimal"] .home-quick-capture-form:focus-within {
  border-color: rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .home-quick-capture-btn {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .home-quick-capture-btn:hover {
  background: #2c2c2e !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .home-quick-capture-btn svg {
  stroke: #ffffff !important;
}

/* App Grid on Mobile in Minimal */
[data-theme="minimal"] .app-grid-btn {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.30) 100%) !important;
  backdrop-filter: blur(25px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  border-radius: 22px !important;
  box-shadow: 
    0 4px 14px -2px rgba(0, 0, 0, 0.05),
    0 1px 2px rgba(0, 0, 0, 0.02),
    inset 0 1.5px 1.5px 0 #ffffff !important;
  gap: 5px !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, box-shadow 0.2s ease !important;
}

[data-theme="minimal"] .app-grid-btn::before {
  display: none !important;
}

[data-theme="minimal"] .app-grid-btn:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 100%) !important;
  border-color: rgba(255, 255, 255, 0.95) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 6px 18px -2px rgba(0, 0, 0, 0.07), inset 0 1.5px 1.5px 0 #ffffff !important;
  transform: translateY(-1.5px) !important;
}

[data-theme="minimal"] .app-grid-btn:active {
  transform: scale(0.96) !important;
  background: rgba(255, 255, 255, 0.45) !important;
}

[data-theme="minimal"] .app-grid-icon {
  color: #1c1c1e !important;
  filter: none !important;
  width: 25px !important;
  height: 25px !important;
}

[data-theme="minimal"] .app-grid-icon svg {
  stroke: #1c1c1e !important;
  stroke-width: 2.1 !important;
}

[data-theme="minimal"] .app-grid-label {
  color: #1c1c1e !important;
  text-shadow: none !important;
  font-weight: 600 !important;
  font-size: 0.72rem !important;
  letter-spacing: -0.01em !important;
}

[data-theme="minimal"] .home-menu-btn {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.62) 0%, rgba(255, 255, 255, 0.30) 100%) !important;
  backdrop-filter: blur(25px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.05), inset 0 1px 1px #ffffff !important;
  color: #1c1c1e !important;
}

[data-theme="minimal"] .home-menu-btn svg {
  stroke: #1c1c1e !important;
}

/* Stats in Minimal */
[data-theme="minimal"] .stats-card-section {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .stats-card-title,
[data-theme="minimal"] .stats-empty-title {
  color: #000000 !important;
}

[data-theme="minimal"] .stats-card-desc,
[data-theme="minimal"] .stats-empty-desc {
  color: #636366 !important;
}

[data-theme="minimal"] .stats-empty-icon-wrap {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .stats-empty-icon-wrap svg {
  stroke: #000000 !important;
}

[data-theme="minimal"] .stats-habit-row,
[data-theme="minimal"] .stats-obj-item {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .stats-habit-track,
[data-theme="minimal"] .stats-obj-track {
  background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .stats-habit-bar,
[data-theme="minimal"] .stats-obj-bar {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .stats-habit-bar.is-complete,
[data-theme="minimal"] .stats-obj-bar.is-complete {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .stats-habit-bar.is-complete::after,
[data-theme="minimal"] .stats-obj-bar.is-complete::after {
  display: none !important;
}

[data-theme="minimal"] .stats-habit-title,
[data-theme="minimal"] .stats-obj-title,
[data-theme="minimal"] .stats-obj-prj-name,
[data-theme="minimal"] .stats-habit-pct,
[data-theme="minimal"] .stats-obj-pct {
  color: #000000 !important;
}

/* Date Rhythm Strip in Minimal */
[data-theme="minimal"] .date-rhythm-pill {
  color: #8e8e93 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .date-rhythm-pill.is-today {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
  box-shadow: none !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .date-rhythm-pill.is-past {
  color: #8e8e93 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .date-rhythm-pill.is-future {
  color: #c7c7cc !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Home Overdue Alert in RED (User Directive) */
[data-theme="minimal"] .home-overdue-alert {
  background: rgba(255, 69, 58, 0.08) !important;
  border: 1px solid rgba(255, 69, 58, 0.35) !important;
  border-left: 3.5px solid #ff453a !important;
  box-shadow: 0 2px 10px rgba(255, 69, 58, 0.08) !important;
}

[data-theme="minimal"] .home-overdue-alert-text {
  color: #ff453a !important;
  font-weight: 700 !important;
}

[data-theme="minimal"] .home-overdue-alert-text span {
  color: #ff453a !important;
}

[data-theme="minimal"] .home-overdue-alert-text svg {
  stroke: #ff453a !important;
  color: #ff453a !important;
}

[data-theme="minimal"] .custom-dropdown-chevron {
  color: #636366 !important;
}

[data-theme="minimal"] .home-overdue-alert-btn {
  background: linear-gradient(135deg, rgba(255, 69, 58, 0.16) 0%, rgba(255, 69, 58, 0.06) 100%) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  color: #ff3b30 !important;
  border: 1px solid rgba(255, 69, 58, 0.35) !important;
  border-top: 1px solid rgba(255, 120, 110, 0.50) !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.65) !important;
  font-weight: 700 !important;
}

[data-theme="minimal"] .home-overdue-alert-btn:hover {
  background: linear-gradient(135deg, rgba(255, 69, 58, 0.26) 0%, rgba(255, 69, 58, 0.12) 100%) !important;
  color: #ff3b30 !important;
  border-color: rgba(255, 69, 58, 0.50) !important;
  border-top: 1px solid rgba(255, 120, 110, 0.70) !important;
  box-shadow: inset 0 1px 1.5px rgba(255, 255, 255, 0.85) !important;
  filter: none !important;
}

/* Agenda Overdue Pulse & Badges in RED */
[data-theme="minimal"] .agenda-overdue-pulse {
  background-color: #ff453a !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .agenda-overdue-count-badge {
  background: rgba(255, 69, 58, 0.12) !important;
  color: #ff453a !important;
  border: 1px solid rgba(255, 69, 58, 0.35) !important;
}

[data-theme="minimal"] .agenda-overdue-header {
  color: #ff453a !important;
}

[data-theme="minimal"] .agenda-overdue-header span {
  color: #ff453a !important;
}

[data-theme="minimal"] #rescheduleAllToTodayBtn {
  color: #ff453a !important;
  border-color: rgba(255, 69, 58, 0.40) !important;
  background: rgba(255, 69, 58, 0.08) !important;
}

[data-theme="minimal"] #rescheduleAllToTodayBtn:hover {
  background: #ff453a !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .agenda-overdue-badge {
  color: #ff453a !important;
  background: rgba(255, 69, 58, 0.10) !important;
  border: 1px solid rgba(255, 69, 58, 0.32) !important;
}

[data-theme="minimal"] .agenda-card-item.agenda-overdue-card {
  border-left: 3.5px solid #ff453a !important;
  border-color: rgba(255, 69, 58, 0.30) !important;
  background: rgba(255, 69, 58, 0.03) !important;
}

/* Home Journal Monochromatic Elements */
[data-theme="minimal"] .home-recent-type {
  color: #000000 !important;
}

[data-theme="minimal"] .home-journal-section .home-recent-card [style*="color: var(--mnml-orange)"],
[data-theme="minimal"] .home-journal-section .home-recent-card [style*="color: #aaf700"] {
  color: #000000 !important;
}

/* Agenda Time & Habit Pills */
[data-theme="minimal"] .agenda-time-pill {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .agenda-time-pill svg {
  stroke: #000000 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .agenda-habit-pill {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-habit-pill svg {
  stroke: #000000 !important;
}

[data-theme="minimal"] .agenda-card-submeta [title="Tarea recurrente"] {
  color: #636366 !important;
}

/* Agenda / Task / Habit Inspector Modal in Minimal */
[data-theme="minimal"] .agenda-inspector-modal-overlay {
  background: rgba(0, 0, 0, 0.40) !important;
}

[data-theme="minimal"] .agenda-desktop-inspector {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.85) 100%) !important;
  backdrop-filter: blur(30px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.80) !important;
  border-top: 1px solid #ffffff !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), inset 0 1px 1.5px #ffffff !important;
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .agenda-desktop-inspector-header .icon-btn-circle {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-inspector-badge {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] .agenda-desktop-inspector-body {
  background: transparent !important;
}

[data-theme="minimal"] .agenda-desktop-inspector-body label {
  color: #636366 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .ios-segmented-control {
  background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .ios-segment-btn {
  color: #636366 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .ios-segment-btn.active {
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .mnml-input,
[data-theme="minimal"] .agenda-desktop-inspector .agenda-title-textarea {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .mnml-input:focus,
[data-theme="minimal"] .agenda-desktop-inspector .agenda-title-textarea:focus {
  border-color: #000000 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .custom-picker-trigger,
[data-theme="minimal"] .agenda-desktop-inspector .custom-dropdown-trigger {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .custom-picker-trigger span[style*="color: var(--mnml-orange)"],
[data-theme="minimal"] .agenda-desktop-inspector .custom-picker-trigger svg {
  color: #000000 !important;
  stroke: #000000 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .inspector-props-group {
  background: rgba(0, 0, 0, 0.02) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .agenda-desktop-inspector span[style*="color: var(--text-white)"] {
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector div[style*="border-top: 1px solid rgba(255, 255, 255"] {
  border-top-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .custom-dropdown-menu {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .custom-dropdown-item {
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .custom-dropdown-item:hover,
[data-theme="minimal"] .agenda-desktop-inspector .custom-dropdown-item.selected {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .custom-dropdown-item .project-check-icon,
[data-theme="minimal"] .agenda-desktop-inspector .custom-dropdown-item .rec-check-icon {
  color: #000000 !important;
}

[data-theme="minimal"] #inspectorDraftNotifsList > div {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
}

[data-theme="minimal"] #inspectorDraftNotifsList span[style*="color: var(--text-white)"] {
  color: #000000 !important;
}

[data-theme="minimal"] #inspectorDraftNotifsList span[style*="color: var(--mnml-orange)"] {
  color: #000000 !important;
}

[data-theme="minimal"] #inspectorAddDraftNotifBtn {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] #inspectorAddNotifMenu {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .notif-preset-option-btn {
  color: #000000 !important;
}

[data-theme="minimal"] .notif-preset-option-btn:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}

[data-theme="minimal"] .notif-preset-option-btn span[style*="color: var(--mnml-orange)"] {
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .subtask-card-glass {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .subtask-index-pip {
  color: #636366 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector .subtask-drag-handle {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector #inspectorAddSubtaskInput,
[data-theme="minimal"] .agenda-desktop-inspector #inspectorDraftNewTaskInput {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector #inspectorAddSubtaskBtn,
[data-theme="minimal"] .agenda-desktop-inspector #inspectorDraftAddTaskBtn {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
}

[data-theme="minimal"] .agenda-desktop-inspector-footer {
  background: transparent !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .agenda-desktop-inspector #inspectorSaveBtn,
[data-theme="minimal"] .agenda-desktop-inspector #inspectorSaveEditBtn {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .agenda-desktop-inspector #inspectorCloseBtn,
[data-theme="minimal"] .agenda-desktop-inspector #inspectorCancelEditBtn,
[data-theme="minimal"] .agenda-desktop-inspector #inspectorCloseEditBtn {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] .inspector-task-title {
  color: #000000 !important;
}

[data-theme="minimal"] .inspector-task-title.done {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .inspector-prop-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .inspector-prop-label {
  color: #636366 !important;
}

[data-theme="minimal"] .inspector-prop-val {
  color: #000000 !important;
}

[data-theme="minimal"] .inspector-progress-track {
  background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .inspector-progress-fill {
  background: #000000 !important;
}

/* Kanban Board & Project Views (Light Mode - Apple Liquid Glass 1:1) */
[data-theme="minimal"] .prj-kanban-column {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.62) 0%, rgba(255, 255, 255, 0.32) 100%) !important;
  backdrop-filter: blur(25px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1px solid #ffffff !important;
  box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.01), inset 0 1px 1px #ffffff !important;
  border-radius: 16px !important;
}

[data-theme="minimal"] .prj-kanban-column.is-drag-over {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.78) 100%) !important;
  border-color: rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06), 0 8px 24px -4px rgba(0, 0, 0, 0.06), inset 0 1px 1px #ffffff !important;
}

[data-theme="minimal"] .prj-kanban-col-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

[data-theme="minimal"] .prj-kanban-col-title {
  color: #000000 !important;
  font-weight: 700 !important;
}

[data-theme="minimal"] .prj-kanban-col-count {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #636366 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="minimal"] .prj-kanban-col-add-btn {
  color: #8e8e93 !important;
  border: none !important;
}

[data-theme="minimal"] .prj-kanban-col-add-btn:hover {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="minimal"] .prj-kanban-col-empty {
  color: #8e8e93 !important;
  border: 1px dashed rgba(0, 0, 0, 0.09) !important;
  background: rgba(255, 255, 255, 0.22) !important;
  border-radius: 12px !important;
}

[data-theme="minimal"] .prj-kanban-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1px solid #ffffff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 14px -2px rgba(0, 0, 0, 0.06) !important;
  color: #000000 !important;
  position: relative;
  border-radius: 14px !important;
  -webkit-touch-callout: none !important;
}

[data-theme="minimal"] .prj-kanban-card::before {
  display: none !important;
}

[data-theme="minimal"] .prj-kanban-card:hover {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04), 0 8px 22px -3px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-1px);
}

[data-theme="minimal"] .prj-kanban-card:active {
  background: #fbfbfd !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  transform: scale(0.99);
}

[data-theme="minimal"] .prj-kanban-card.completed {
  background: rgba(255, 255, 255, 0.70) !important;
  border-color: rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

[data-theme="minimal"] .prj-kanban-card-title {
  color: #000000 !important;
}

[data-theme="minimal"] .prj-card-title-expand-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #8e8e93 !important;
}

[data-theme="minimal"] .prj-card-title-expand-btn:hover {
  color: #000000 !important;
}

[data-theme="minimal"] .prj-card-title-expand-btn.is-expanded {
  color: #000000 !important;
}

[data-theme="minimal"] .prj-kanban-card-meta {
  color: #636366 !important;
}

[data-theme="minimal"] .prj-meta-time {
  color: #636366 !important;
}

[data-theme="minimal"] .prj-meta-time.is-today {
  color: #000000 !important;
}

[data-theme="minimal"] .prj-meta-time.is-today svg {
  stroke: #000000 !important;
}

[data-theme="minimal"] .prj-meta-time.is-overdue {
  color: #d70015 !important;
}

[data-theme="minimal"] .prj-meta-time.is-overdue svg {
  stroke: #d70015 !important;
}

[data-theme="minimal"] .prj-meta-tag.is-habit {
  color: #000000 !important;
}

[data-theme="minimal"] .prj-meta-tag.is-habit svg {
  stroke: #000000 !important;
}

[data-theme="minimal"] .prj-kanban-drag-ghost .prj-kanban-card {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.20) !important;
  color: #000000 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .prj-kanban-drag-ghost .prj-kanban-card-title {
  color: #000000 !important;
}

[data-theme="minimal"] .prj-kanban-subtasks-drawer {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .prj-subtask-drawer-text {
  color: #000000 !important;
}

[data-theme="minimal"] .subtask-badge-pill {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
  padding: 2px 7.5px !important;
}

[data-theme="minimal"] .subtask-badge-pill.all-done {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.16) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .prj-objective-card {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  position: relative;
}

[data-theme="minimal"] .prj-objective-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .prj-obj-title {
  color: #000000 !important;
}

[data-theme="minimal"] .prj-obj-meta {
  color: #636366 !important;
}

[data-theme="minimal"] .prj-row-item {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  position: relative;
}

[data-theme="minimal"] .prj-row-item::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .prj-row-title {
  color: #000000 !important;
}

[data-theme="minimal"] .prj-row-sub,
[data-theme="minimal"] .prj-row-date {
  color: #636366 !important;
}

[data-theme="minimal"] .prj-desktop-nav-tabs {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
}

[data-theme="minimal"] .prj-nav-tab-btn {
  color: #636366 !important;
}

[data-theme="minimal"] .prj-nav-tab-btn:hover {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .prj-nav-tab-btn.active {
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .prj-nav-tab-btn .prj-tab-badge {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #636366 !important;
}

[data-theme="minimal"] .prj-nav-tab-btn.active .prj-tab-badge {
  background: rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .prj-stepper-control {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.80) !important;
}

[data-theme="minimal"] .prj-stepper-control .prj-progress-input {
  color: #000000 !important;
}

[data-theme="minimal"] .prj-stepper-control .prj-step-btn {
  color: #636366 !important;
}

[data-theme="minimal"] .prj-stepper-control .prj-step-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .prj-obj-type {
  color: #636366 !important;
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .prj-inspector-summary-card,
[data-theme="minimal"] .prj-inspector-focus-card {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .prj-inspector-stat-box {
  background: rgba(255, 255, 255, 0.50) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .prj-stat-val {
  color: #000000 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .prj-focus-card-name {
  color: #000000 !important;
}

[data-theme="minimal"] .prj-detail-hero {
  border: none !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.10) !important;
}

[data-theme="minimal"] .prj-glass-header .prj-hero-title {
  color: #000000 !important;
  text-shadow: none !important;
}

[data-theme="minimal"] .prj-tab-btn,
[data-theme="minimal"] .prj-view-switch-btn {
  color: #636366 !important;
}

[data-theme="minimal"] .prj-tab-btn.active,
[data-theme="minimal"] .prj-view-switch-btn.active {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .prj-view-switch {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
}

[data-theme="minimal"] .prj-add-action-btn {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .prj-row-play {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .prj-row-play:hover {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .prj-row-play svg {
  stroke: currentColor !important;
}

[data-theme="minimal"] .prj-step-btn {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .prj-step-btn:hover {
  background: rgba(0, 0, 0, 0.10) !important;
}

[data-theme="minimal"] .prj-progress-input {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  color: #000000 !important;
}

/* Notes App & Rich Editor in Minimal */
[data-theme="minimal"] .note-icon-picker-btn,
[data-theme="minimal"] #noteIconPickerBtn {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .note-icon-picker-btn:hover,
[data-theme="minimal"] #noteIconPickerBtn:hover {
  background: rgba(0, 0, 0, 0.10) !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .note-icon-picker-btn svg,
[data-theme="minimal"] .note-icon-picker-btn .mnml-svg-icon,
[data-theme="minimal"] #noteIconPickerBtn svg,
[data-theme="minimal"] #noteIconPickerBtn .mnml-svg-icon {
  stroke: #000000 !important;
  color: #000000 !important;
  filter: none !important;
}

[data-theme="minimal"] .note-icon-choice-btn {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .note-icon-choice-btn:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.20) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .note-icon-choice-btn svg,
[data-theme="minimal"] .note-icon-choice-btn .mnml-svg-icon,
[data-theme="minimal"] .note-icon-choice-svg svg,
[data-theme="minimal"] .note-icon-choice-svg .mnml-svg-icon {
  stroke: #000000 !important;
  color: #000000 !important;
  filter: none !important;
}

[data-theme="minimal"] .mnml-editor-checkbox {
  background: #ffffff !important;
  border: 1.8px solid rgba(0, 0, 0, 0.28) !important;
}

[data-theme="minimal"] .mnml-editor-checkbox:hover {
  border-color: #000000 !important;
}

[data-theme="minimal"] .mnml-editor-checkbox.checked {
  background: #000000 !important;
  border-color: #000000 !important;
}

[data-theme="minimal"] .mnml-editor-checkbox.checked::after {
  color: #ffffff !important;
}

[data-theme="minimal"] .mnml-check-text {
  color: #000000 !important;
}

[data-theme="minimal"] #editTitleInput {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #000000 !important;
  padding: 0 !important;
}

[data-theme="minimal"] .mnml-rich-editor {
  color: #000000 !important;
}

[data-theme="minimal"] .mnml-editor-h1,
[data-theme="minimal"] .mnml-editor-h2,
[data-theme="minimal"] .mnml-editor-h3,
[data-theme="minimal"] .mnml-editor-p {
  color: #000000 !important;
}

[data-theme="minimal"] .editor-slash-popup {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .slash-popup-header {
  color: #8e8e93 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .slash-popup-item {
  border: 1px solid transparent !important;
}

[data-theme="minimal"] .slash-popup-item:hover,
[data-theme="minimal"] .slash-popup-item.selected,
[data-theme="minimal"] .slash-popup-item:active {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] .slash-item-badge {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .slash-item-title {
  color: #000000 !important;
}

[data-theme="minimal"] .slash-item-trigger {
  color: #636366 !important;
}

[data-theme="minimal"] .slash-item-desc {
  color: #8e8e93 !important;
}

/* Modals & Dialogs across all Apps */
[data-theme="minimal"] .modal-sheet {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.72) 100%) !important;
  backdrop-filter: blur(30px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.12), inset 0 1px 2px #ffffff !important;
  color: #000000 !important;
}

[data-theme="minimal"] .modal-sheet label {
  color: #636366 !important;
}

[data-theme="minimal"] .modal-sheet .mnml-input,
[data-theme="minimal"] .modal-sheet textarea {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .modal-sheet .mnml-input:focus,
[data-theme="minimal"] .modal-sheet textarea:focus {
  border-color: #000000 !important;
}

[data-theme="minimal"] .modal-sheet .custom-dropdown-trigger {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .modal-sheet .mnml-btn.primary {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
}

[data-theme="minimal"] .modal-sheet .mnml-btn.secondary {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

/* Stats KPIs & Heatmap Legend */
[data-theme="minimal"] .stats-kpi-card {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  position: relative;
}

[data-theme="minimal"] .stats-kpi-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .stats-kpi-icon-box,
[data-theme="minimal"] .stats-kpi-icon-box.lime {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .stats-kpi-icon-box svg {
  stroke: #000000 !important;
  color: #000000 !important;
}

[data-theme="minimal"] .stats-kpi-val {
  color: #000000 !important;
}

[data-theme="minimal"] .stats-kpi-val.accent-green {
  color: #000000 !important;
  text-shadow: none !important;
}

[data-theme="minimal"] .stats-dot-indicator {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .stats-point-bubble {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .stats-point-avg {
  color: #000000 !important;
}

[data-theme="minimal"] .stats-obj-kpi-pill {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] .stats-streak-pill {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] .stats-heatmap-dot.level-1 {
  background: rgba(0, 0, 0, 0.20) !important;
}

[data-theme="minimal"] .stats-heatmap-dot.level-2 {
  background: rgba(0, 0, 0, 0.55) !important;
}

[data-theme="minimal"] .stats-heatmap-dot.level-3 {
  background: #000000 !important;
  box-shadow: none !important;
}

/* Settings Cloud Info Neutral */
[data-theme="minimal"] .settings-card [style*="color: #ff9f0a"] {
  color: #636366 !important;
}

[data-theme="minimal"] .settings-card div[style*="rgba(255, 159, 10"] {
  background: rgba(0, 0, 0, 0.03) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

/* Project Card Status Pills Monochromatic */
[data-theme="minimal"] .prj-card-stat-pill {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  border-top-color: rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .prj-card-stat-pill.tasks-done-pill {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  border-top-color: rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
  box-shadow: none !important;
}


/* STRICT RULE: Projects alone maintain full vibrant colors */
[data-theme="minimal"] .prj-card {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  position: relative;
}

[data-theme="minimal"] .prj-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .prj-card-title {
  color: #000000 !important;
}

[data-theme="minimal"] .prj-card-cover.is-placeholder {
  background: #f2f2f7 !important;
}

[data-theme="minimal"] .prj-card-cover-symbol {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .prj-card-cover-badge {
  background: rgba(255, 255, 255, 0.92) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .prj-card-chevron {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .prj-color-dot[style*="background:"] {
  /* Retains the project's explicit color style */
  box-shadow: none !important;
}

[data-theme="minimal"] .prj-color-swatch[data-prj-color] {
  /* Retains palette colors in project modal */
  opacity: 1 !important;
}

[data-theme="minimal"] #prjCustomColorBtn {
  /* Retains color wheel gradient for custom project colors */
}

/* ==========================================================================
   MINIMAL THEME: COMPREHENSIVE SEGMENTED CONTROLS & APPLE HIG FINISHING
   ========================================================================== */

/* 1. Progreso (Stats) Segmented Range Selector Pills (Resolving user screenshot) */
[data-theme="minimal"] .stats-range-pills {
  background: rgba(118, 118, 128, 0.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: none !important;
  border-radius: var(--radius-pill) !important;
}

[data-theme="minimal"] .stats-pill {
  color: #636366 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  border-radius: var(--radius-pill) !important;
}

[data-theme="minimal"] .stats-pill:hover:not(.active) {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .stats-pill.active {
  background: #ffffff !important;
  color: #000000 !important;
  font-weight: 600 !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-theme="minimal"] .stats-pill.active:hover {
  background: #ffffff !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.16) !important;
}

/* 2. Unified Global iOS Segmented Controls Across All Apps */
[data-theme="minimal"] .settings-segmented,
[data-theme="minimal"] .ios-segmented,
[data-theme="minimal"] .ios-segmented-control,
[data-theme="minimal"] .cal-tabs-container,
[data-theme="minimal"] .prj-segmented {
  background: rgba(118, 118, 128, 0.12) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: var(--radius-pill) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-theme="minimal"] .settings-segment-btn,
[data-theme="minimal"] .ios-segment-btn,
[data-theme="minimal"] .cal-tab-btn,
[data-theme="minimal"] .prj-segmented button {
  color: #636366 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  border-radius: var(--radius-pill) !important;
}

[data-theme="minimal"] .settings-segment-btn:hover:not(.active),
[data-theme="minimal"] .ios-segment-btn:hover:not(.active),
[data-theme="minimal"] .cal-tab-btn:hover:not(.active),
[data-theme="minimal"] .prj-segmented button:hover:not(.active) {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .settings-segment-btn.active,
[data-theme="minimal"] .ios-segment-btn.active,
[data-theme="minimal"] .cal-tab-btn.active,
[data-theme="minimal"] .prj-segmented button.active {
  background: #ffffff !important;
  color: #000000 !important;
  font-weight: 600 !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.08) !important;
}

/* 3. Orange Solid / Orange Border Neutralization (No Lime Glows) */
[data-theme="minimal"] .icon-btn-circle.orange-solid,
[data-theme="minimal"] .orange-solid,
[data-theme="minimal"] .agenda-day-chip.orange-solid,
[data-theme="minimal"] #galleryCreatePresetBtn,
[data-theme="minimal"] #newJournalBtn {
  background: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  padding: 0 !important;
}

[data-theme="minimal"] .icon-btn-circle.orange-solid:hover,
[data-theme="minimal"] .orange-solid:hover,
[data-theme="minimal"] #galleryCreatePresetBtn:hover,
[data-theme="minimal"] #newJournalBtn:hover {
  background: #2c2c2e !important;
  border-color: #2c2c2e !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22) !important;
}

[data-theme="minimal"] .icon-btn-circle.orange-border {
  border-color: #000000 !important;
  color: #000000 !important;
}

/* 4. Focus (Reloj) Gallery & Presets */
[data-theme="minimal"] .preset-gallery-card {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  position: relative;
}

[data-theme="minimal"] .preset-gallery-card:hover {
  background: var(--liquid-glass-bg-hover) !important;
  border-color: rgba(255, 255, 255, 0.85) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.07), inset 0 1px 1.5px rgba(255, 255, 255, 0.95) !important;
}

[data-theme="minimal"] .preset-gallery-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .preset-card-title-text {
  color: #000000 !important;
}

[data-theme="minimal"] .preset-card-meta-text {
  color: #636366 !important;
}

[data-theme="minimal"] .preset-card-time-badge {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .preset-mini-timeline-bar {
  background: rgba(0, 0, 0, 0.08) !important;
  border: none !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .mini-timeline-segment.seg-work {
  background: #000000 !important;
  border: none !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .mini-timeline-segment.seg-work .seg-label {
  color: #ffffff !important;
}

[data-theme="minimal"] .mini-timeline-segment.seg-break {
  background: rgba(255, 159, 10, 0.35) !important;
  border: none !important;
  color: #8c4200 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .mini-timeline-segment.seg-break .seg-label {
  color: #8c4200 !important;
}

[data-theme="minimal"] .preset-gallery-card-bottom {
  border-top: none !important;
  padding-top: 0 !important;
}

[data-theme="minimal"] .preset-play-btn {
  background: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .preset-play-btn:hover {
  background: #2c2c2e !important;
  border-color: #2c2c2e !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20) !important;
}

[data-theme="minimal"] .preset-play-btn::before {
  display: none !important;
}

[data-theme="minimal"] .preset-tool-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #636366 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .preset-tool-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .gallery-empty-state {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  position: relative;
}

[data-theme="minimal"] .gallery-empty-state::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .gallery-empty-title {
  color: #000000 !important;
}

[data-theme="minimal"] .gallery-empty-sub,
[data-theme="minimal"] .gallery-empty-icon {
  color: #636366 !important;
}

/* 5. Focus Player & Sequence Builder */
[data-theme="minimal"] .builder-label {
  color: #636366 !important;
  font-weight: 700 !important;
}

[data-theme="minimal"] .builder-section-title {
  color: #000000 !important;
  font-weight: 700 !important;
}

[data-theme="minimal"] .builder-section-hint {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .builder-section-meta {
  color: #000000 !important;
  font-weight: 600 !important;
}

[data-theme="minimal"] #builderPresetNameInput {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  color: #000000 !important;
}

[data-theme="minimal"] #builderPresetProjectSelect {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  color: #000000 !important;
}

/* Source Draggable Blocks Palette */
[data-theme="minimal"] .source-block-card {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(16px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(190%) !important;
  color: #000000 !important;
  position: relative;
}

[data-theme="minimal"] .source-block-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .source-block-card:hover {
  background: var(--liquid-glass-bg-hover) !important;
  border-color: rgba(255, 255, 255, 0.85) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06), inset 0 1px 1.5px rgba(255, 255, 255, 0.95) !important;
}

[data-theme="minimal"] .source-block-card.block-work {
  border-left: 3.5px solid #000000 !important;
}

[data-theme="minimal"] .source-block-card.block-break {
  border-left: 3.5px solid #8e8e93 !important;
}

[data-theme="minimal"] .source-block-badge.work {
  color: #000000 !important;
}

[data-theme="minimal"] .source-block-badge.break {
  color: #636366 !important;
}

[data-theme="minimal"] .source-block-sub {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .source-add-btn {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .source-add-btn::before {
  display: none !important;
}

[data-theme="minimal"] .source-add-btn:hover {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

/* Timeline Canvas & Block Items */
[data-theme="minimal"] .builder-timeline-canvas {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
}

[data-theme="minimal"] .timeline-empty-dropzone {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .timeline-block-item {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(16px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(190%) !important;
  position: relative;
}

[data-theme="minimal"] .timeline-block-item::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .timeline-block-item.item-work {
  border-left: 3.5px solid #000000 !important;
}

[data-theme="minimal"] .timeline-block-item.item-break {
  border-left: 3.5px solid #8e8e93 !important;
}

[data-theme="minimal"] .timeline-index-badge {
  color: #636366 !important;
}

[data-theme="minimal"] .timeline-type-pill.work {
  background: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .timeline-type-pill.break {
  background: rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .timeline-move-btn,
[data-theme="minimal"] .timeline-remove-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #636366 !important;
}

[data-theme="minimal"] .timeline-move-btn:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .timeline-remove-btn:hover {
  background: rgba(255, 69, 58, 0.12) !important;
  border-color: rgba(255, 69, 58, 0.35) !important;
  color: #ff453a !important;
}

/* Stepper Chips & Duration Box */
[data-theme="minimal"] .step-chip-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .step-chip-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .step-chip-btn:active {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

[data-theme="minimal"] .timeline-duration-display {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .timeline-duration-input {
  color: #000000 !important;
}

[data-theme="minimal"] .timeline-min-label {
  color: #636366 !important;
}

[data-theme="minimal"] #builderCancelBtn {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] #builderCancelBtn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

/* Focus Player Active Screen */
[data-theme="minimal"] .player-timeline-track-wrap,
[data-theme="minimal"] .player-active-block-card {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(25px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
  color: #000000 !important;
  position: relative;
}

[data-theme="minimal"] .player-active-block-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .player-active-sub {
  color: #636366 !important;
}

[data-theme="minimal"] .player-track-segment {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .player-track-segment.track-current {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

[data-theme="minimal"] .player-track-segment.track-completed {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #636366 !important;
}

[data-theme="minimal"] .player-big-time {
  color: #000000 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
}

[data-theme="minimal"] .player-time-hint {
  color: #636366 !important;
}

[data-theme="minimal"] .player-main-action-btn {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
}

[data-theme="minimal"] .player-secondary-action {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .player-tool-chip {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .player-tool-chip:hover,
[data-theme="minimal"] .step-chip-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

/* 6. Journal (Diario) Search Bar & States */
[data-theme="minimal"] .journal-search-box {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="minimal"] .journal-search-box:focus-within {
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .journal-search-input {
  color: #000000 !important;
}

[data-theme="minimal"] .journal-search-icon,
[data-theme="minimal"] .journal-search-clear-btn {
  color: #636366 !important;
}

[data-theme="minimal"] .journal-empty-state {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #636366 !important;
}

[data-theme="minimal"] .journal-empty-title {
  color: #000000 !important;
}

[data-theme="minimal"] .journal-empty-sub,
[data-theme="minimal"] .journal-empty-icon {
  color: #636366 !important;
}

/* 7. Proyectos Progress Bars, Field Inputs & Drag Ghost */
[data-theme="minimal"] .prj-progress-fill {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .prj-progress-track {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.06) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .prj-card-progress-val {
  color: #000000 !important;
}

[data-theme="minimal"] .prj-card-progress-label {
  color: #636366 !important;
}

[data-theme="minimal"] .prj-card-footer {
  border-top-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .prj-inline-task-input,
[data-theme="minimal"] .prj-inline-subtask-input,
[data-theme="minimal"] .prj-field-input {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .prj-inline-task-input:focus,
[data-theme="minimal"] .prj-inline-subtask-input:focus,
[data-theme="minimal"] .prj-field-input:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .prj-chip-check:hover {
  border-color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] #prjUploadProgressBar {
  background: #000000 !important;
  box-shadow: none !important;
}

/* 8. Friends & Social App */
[data-theme="minimal"] .friends-identity-code {
  color: #000000 !important;
  text-shadow: none !important;
}

[data-theme="minimal"] .friends-identity-action-btn.accent,
[data-theme="minimal"] #friendsEmptyAddBtn {
  background: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .friends-progress-fill {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .friends-code-input:focus {
  border-color: #000000 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .friends-auth-icon-wrap {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

/* 9. Universal Anti-Glow & Text Selection */
[data-theme="minimal"] ::selection {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .btn-pulse,
[data-theme="minimal"] .glow-effect {
  box-shadow: none !important;
  animation: none !important;
}

/* ==========================================================================
   MINIMAL THEME: COMPREHENSIVE COMPONENT PURIFICATION & OVERDUE STYLING
   ========================================================================== */

/* Mini Calendar Component in Agenda Desktop */
[data-theme="minimal"] .agenda-mini-cal-card {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  position: relative;
}

[data-theme="minimal"] .agenda-mini-cal-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .agenda-mini-nav-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-mini-nav-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] #deskBackToTodayBtn,
[data-theme="minimal"] .agenda-back-today-btn {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .agenda-sidebar-quick-form:focus-within {
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="minimal"] .agenda-sidebar-quick-btn {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .agenda-sidebar-quick-btn:hover {
  background: #2c2c2e !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .agenda-quick-inbox-form {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .agenda-quick-inbox-form:focus-within {
  border-color: rgba(0, 0, 0, 0.30) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .agenda-quick-inbox-input {
  color: #000000 !important;
  background: transparent !important;
}

[data-theme="minimal"] .agenda-quick-inbox-input::placeholder {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .agenda-quick-inbox-icon {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .agenda-quick-inbox-btn {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .agenda-quick-inbox-btn:hover {
  background: #2c2c2e !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .cal-month-full-cell.is-today {
  background: rgba(0, 0, 0, 0.03) !important;
}

[data-theme="minimal"] .cal-month-cell-daynum.today-disc {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .cal-month-more-chip:hover {
  background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .cal-week-day-col.is-today {
  background: rgba(0, 0, 0, 0.02) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .cal-week-col-daynum.today-disc {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .cal-week-col-count.active {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .cal-week-col-add-btn:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .cal-dot-task {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .agenda-feed-badge.today {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .agenda-desktop-workspace .agenda-card-item.is-inspector-active {
  border-color: rgba(0, 0, 0, 0.25) !important;
  border-top-color: #000000 !important;
  background: var(--liquid-glass-bg-hover) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06), inset 0 1px 1px #ffffff !important;
}

[data-theme="minimal"] .agenda-desktop-workspace .agenda-date-group-block.is-jump-highlight {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .agenda-inspector-badge.completed {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .agenda-card-item.is-holding,
[data-theme="minimal"] .home-task-item.is-holding,
[data-theme="minimal"] .agenda-card-item.is-dragging,
[data-theme="minimal"] .home-task-item.is-dragging {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.82) 100%) !important;
  backdrop-filter: blur(25px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.14), inset 0 1px 2px #ffffff !important;
}

/* Projects UI Chrome (Project colors preserved, interface neutral) */
[data-theme="minimal"] .prj-card-cover-ambient-glow {
  display: none !important;
}

[data-theme="minimal"] .prj-card:hover .prj-card-cover-symbol {
  border-color: rgba(0, 0, 0, 0.15) !important;
  background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .prj-progress-summary-fill {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .prj-obj-check:hover,
[data-theme="minimal"] .prj-chip-check:hover {
  border-color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .prj-quick-chip.active {
  border-color: #000000 !important;
  background: rgba(0, 0, 0, 0.05) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .prj-quick-dropdown-trigger.active {
  border-color: #000000 !important;
  color: #000000 !important;
}

[data-theme="minimal"] .prj-time-slot-btn.active {
  border-color: #000000 !important;
  background: rgba(0, 0, 0, 0.05) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .prj-subtasks-drawer {
  border-left: 2px solid rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .prj-row-item-wrapper.is-dragging .prj-row-item {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
}


[data-theme="minimal"] .prj-upload-wheel-wrap {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #000000 !important;
}

[data-theme="minimal"] #prjUploadPercent {
  color: #000000 !important;
}

/* Clock / Focus / Presets */
[data-theme="minimal"] .clock-icon-wrap {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .clock-icon-wrap svg,
[data-theme="minimal"] .clock-icon-wrap .mnml-svg-icon {
  stroke: #000000 !important;
  filter: none !important;
}

[data-theme="minimal"] .note-card-item:hover .clock-icon-wrap,
[data-theme="minimal"] .prj-row-item:hover .clock-icon-wrap,
[data-theme="minimal"] .prj-row-item:hover .note-icon-wrap {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.18) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .player-track-segment.track-current {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .builder-timeline-canvas.drag-over {
  background: rgba(0, 0, 0, 0.04) !important;
  box-shadow: none !important;
}

/* Stats Clean Styling */
[data-theme="minimal"] .stats-svg-bar-col:hover rect:not(.stats-bar-hitbox) {
  filter: brightness(0.8) !important;
}

[data-theme="minimal"] .stats-habit-pct.is-complete {
  text-shadow: none !important;
  color: #000000 !important;
}

[data-theme="minimal"] .stats-week-indicator.done {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Reschedule & Time Selectors */
[data-theme="minimal"] .reschedule-option-btn.active {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

[data-theme="minimal"] .reschedule-option-btn.active .reschedule-option-icon {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .reschedule-option-btn.active .reschedule-option-icon svg {
  stroke: #ffffff !important;
}

[data-theme="minimal"] .reschedule-option-btn:hover .reschedule-option-icon {
  background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .reschedule-option-icon {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .reschedule-option-icon svg,
[data-theme="minimal"] .reschedule-option-icon .mnml-svg-icon {
  stroke: #000000 !important;
}

/* ==========================================================================
   MINIMAL THEME: Apple iOS Cupertino Time Picker Modal (Pristine High Contrast)
   ========================================================================== */
[data-theme="minimal"] #customTimePickerModal .modal-sheet {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.72) 100%) !important;
  backdrop-filter: blur(35px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(35px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.04), inset 0 1px 2px #ffffff !important;
}

[data-theme="minimal"] #customTimePickerModal .modal-sheet::before {
  display: none !important;
}

[data-theme="minimal"] #customTimePickerModal .modal-sheet > div > span,
[data-theme="minimal"] #customTimePickerModal span[style*="font-family"] {
  color: #000000 !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

[data-theme="minimal"] #customTimePickerModal #closeTimePickerModalBtn {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #1c1c1e !important;
}

[data-theme="minimal"] #customTimePickerModal #closeTimePickerModalBtn:hover {
  background: rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

/* Quick Time Chips: Apple Liquid Glass Pills */
[data-theme="minimal"] .time-chip-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1px solid #ffffff !important;
  color: #1c1c1e !important;
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  padding: 6px 12px !important;
  border-radius: 9999px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .time-chip-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .time-chip-btn.active {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18) !important;
}

/* Column Labels: crisp, uppercase dark grey */
[data-theme="minimal"] .time-picker-column-label {
  color: #636366 !important;
  font-family: var(--font-sans) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Time Picker Wheel Columns: Recessed Apple Cupertino Frosted Slot (Light, High Contrast) */
[data-theme="minimal"] .time-picker-column {
  background: rgba(0, 0, 0, 0.035) !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.04), inset 0 -1px 2px rgba(0, 0, 0, 0.02) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* Wheel Numbers: High Contrast, Crisp Typography */
[data-theme="minimal"] .time-picker-item {
  color: #636366 !important;
  font-family: var(--font-sans) !important;
  font-size: 1.15rem !important;
  font-weight: 500 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  border-radius: 12px !important;
  padding: 8px 12px !important;
  transition: all 0.15s ease !important;
}

[data-theme="minimal"] .time-picker-item:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #000000 !important;
}

/* Selected Wheel Item: Jet Black Apple Lens with Elevated Shadow */
[data-theme="minimal"] .time-picker-item.selected {
  background: #000000 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  transform: scale(1.06) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important;
}

/* Confirm Action Button: Solid High Contrast Apple Button */
[data-theme="minimal"] #customTimePickerModal #confirmTimePickerBtn {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  border-top: 1.5px solid rgba(255, 255, 255, 0.25) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.20) !important;
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  border-radius: 14px !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

[data-theme="minimal"] .month-picker-btn.current-month:not(.selected) {
  color: #000000 !important;
  font-weight: 700 !important;
  border: 1.5px solid #000000 !important;
}

[data-theme="minimal"] .note-icon-choice-btn.selected {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .note-icon-choice-btn.selected svg {
  stroke: #ffffff !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .trash-type-badge.type-task {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .trash-days-left {
  color: #636366 !important;
}

[data-theme="minimal"] #assignToEventModalOverlay #assignEventSearchInput:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08) !important;
}

/* User & Profile Menus */
[data-theme="minimal"] .menu-user-avatar {
  box-shadow: none !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
}

[data-theme="minimal"] .menu-user-status {
  color: #000000 !important;
}

[data-theme="minimal"] .mnml-confirm-icon-wrap.accent {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .mnml-confirm-btn.primary {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .mnml-prompt-input:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08) !important;
}

/* Legal Modal */
[data-theme="minimal"] #limaLegalModal {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.72) 100%) !important;
  backdrop-filter: blur(35px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(35px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.12), inset 0 1px 2px #ffffff !important;
  color: #000000 !important;
}

[data-theme="minimal"] #limaLegalBadge {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] #limaLegalTitle {
  color: #000000 !important;
}

[data-theme="minimal"] #limaLegalBody h3 {
  color: #000000 !important;
}

[data-theme="minimal"] #limaLegalBody p,
[data-theme="minimal"] #limaLegalBody ul,
[data-theme="minimal"] #limaLegalBody li {
  color: #636366 !important;
}

[data-theme="minimal"] #limaLegalBody strong {
  color: #000000 !important;
}

[data-theme="minimal"] #limaLegalBody .highlight-box {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* Comprehensive Red Overdue Alert & Badges (User Priority Requirement) */
[data-theme="minimal"] .agenda-inspector-badge.overdue {
  color: #ff453a !important;
  background: rgba(255, 69, 58, 0.12) !important;
  border-color: rgba(255, 69, 58, 0.32) !important;
}

[data-theme="minimal"] .agenda-inspector-badge.overdue svg {
  stroke: #ff453a !important;
}

[data-theme="minimal"] .prj-card-due.overdue,
[data-theme="minimal"] .prj-obj-due.overdue,
[data-theme="minimal"] .prj-date-overdue {
  color: #ff453a !important;
  font-weight: 600 !important;
}

[data-theme="minimal"] .stats-obj-item.is-overdue {
  border-left: 3.5px solid #ff453a !important;
}

[data-theme="minimal"] .stats-obj-pct.overdue,
[data-theme="minimal"] .stats-obj-date-badge.overdue {
  color: #ff453a !important;
}

/* Additional Controls, Toggle Sliders & Walkthroughs in Minimal */
[data-theme="minimal"] .ios-toggle-switch input:checked + .ios-toggle-slider {
  background-color: #000000 !important;
  border-color: #000000 !important;
}

[data-theme="minimal"] .reorder-done-pill {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .archive-action-btn.restore:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
  border-color: rgba(0, 0, 0, 0.20) !important;
}

[data-theme="minimal"] .agenda-desktop-inspector-body::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.25) !important;
}

[data-theme="minimal"] .subtask-card-glass.is-dragging {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
  border-color: #000000 !important;
}

[data-theme="minimal"] .welcome-logo-halo {
  display: none !important;
}

[data-theme="minimal"] .welcome-btn-guide-link {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] .welcome-btn-guide-link:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .wf-step-tab.active {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .wf-nav-btn.next {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

[data-theme="minimal"] .wf-nav-btn.next:hover {
  background: #2c2c2e !important;
}

[data-theme="minimal"] .friends-section-badge.accent {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-heatmap-pill.done {
  background: #000000 !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .friends-nudge-btn {
  background: var(--liquid-glass-bg) !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.95) !important;
  color: #000000 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), inset 0 1px 1px #ffffff !important;
}

[data-theme="minimal"] .friends-nudge-btn .friends-nudge-icon-svg {
  color: #ff9500 !important;
}

[data-theme="minimal"] .friends-nudge-btn.is-cooldown .friends-nudge-icon-svg {
  opacity: 0.40 !important;
}

[data-theme="minimal"] .friends-nudge-btn .friends-nudge-text {
  color: #000000 !important;
}

[data-theme="minimal"] .friends-nudge-btn:hover {
  border-color: rgba(0, 0, 0, 0.25) !important;
  background: rgba(0, 0, 0, 0.06) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-nudge-btn:active {
  border-color: rgba(0, 0, 0, 0.35) !important;
  background: rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-nudge-btn.nudge-sent {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.22) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-nudge-btn.is-cooldown {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.45) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .friends-nudge-btn.is-cooldown .friends-nudge-text {
  color: rgba(0, 0, 0, 0.45) !important;
}

[data-theme="minimal"] .friends-nudge-btn.is-cooldown:active {
  background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .friends-request-card {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  position: relative;
}

[data-theme="minimal"] .friends-request-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .friends-request-btn.accept {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Notes Category Tabs Bar in Minimal */
[data-theme="minimal"] .category-tabs-bar {
  background: rgba(118, 118, 128, 0.12) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: var(--radius-pill) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-theme="minimal"] .cat-tab-item {
  color: #636366 !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: var(--radius-pill) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .cat-tab-item:hover:not(.active) {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .cat-tab-item.active {
  background: #ffffff !important;
  color: #000000 !important;
  font-weight: 600 !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Friends App Complete Light Mode Contrast */
[data-theme="minimal"] .friends-auth-card {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  position: relative;
}

[data-theme="minimal"] .friends-auth-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .friends-auth-icon {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .friends-auth-icon svg {
  stroke: #000000 !important;
}

[data-theme="minimal"] .friends-auth-title {
  color: #000000 !important;
}

[data-theme="minimal"] .friends-auth-text {
  color: #636366 !important;
}

[data-theme="minimal"] .friends-btn-primary {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .friends-btn-primary:hover {
  background: #2c2c2e !important;
}

[data-theme="minimal"] .friends-identity-card {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  position: relative;
}

[data-theme="minimal"] .friends-identity-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .friends-identity-label {
  color: #636366 !important;
}

[data-theme="minimal"] .friends-identity-code {
  color: #000000 !important;
  text-shadow: none !important;
}

[data-theme="minimal"] .friends-identity-action-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-identity-action-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .friends-add-action-btn {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .friends-empty-card {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  border-radius: 20px !important;
  padding: 32px 24px 36px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative;
}

[data-theme="minimal"] .friends-empty-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .friends-empty-icon {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: none !important;
  color: #000000 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-theme="minimal"] .friends-empty-icon svg {
  stroke: #000000 !important;
}

[data-theme="minimal"] .friends-empty-title {
  color: #000000 !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
}

[data-theme="minimal"] .friends-empty-subtitle {
  color: #636366 !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  max-width: 360px !important;
  margin: 0 !important;
  text-align: center !important;
}

[data-theme="minimal"] #friendsEmptyAddBtn,
[data-theme="minimal"] .friends-empty-card .friends-btn-primary {
  background: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  border-radius: var(--radius-pill) !important;
  padding: 10px 22px !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  margin-top: 6px !important;
}

[data-theme="minimal"] #friendsEmptyAddBtn:hover,
[data-theme="minimal"] .friends-empty-card .friends-btn-primary:hover {
  background: #2c2c2e !important;
  border-color: #2c2c2e !important;
  color: #ffffff !important;
}

[data-theme="minimal"] #friendsEmptyAddBtn span,
[data-theme="minimal"] .friends-empty-card .friends-btn-primary span {
  color: #ffffff !important;
}

[data-theme="minimal"] .friends-card,
[data-theme="minimal"] .friends-card-item {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  color: #000000 !important;
  position: relative;
}

[data-theme="minimal"] .friends-card::before,
[data-theme="minimal"] .friends-card-item::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .friends-card-name,
[data-theme="minimal"] .friend-name {
  color: #000000 !important;
}

[data-theme="minimal"] .friends-card-sub,
[data-theme="minimal"] .friend-status-text {
  color: #636366 !important;
}

[data-theme="minimal"] .friends-badge {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-progress-track {
  background: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .friends-progress-label {
  color: #636366 !important;
}

[data-theme="minimal"] .friends-progress-ratio {
  color: #000000 !important;
}

[data-theme="minimal"] .friends-heatmap-pill {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: transparent !important;
}

[data-theme="minimal"] .friends-heatmap-day {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .friends-modal-overlay {
  background: rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(25px) !important;
  -webkit-backdrop-filter: blur(25px) !important;
}

[data-theme="minimal"] .friends-modal-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.72) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.12), inset 0 1px 2px #ffffff !important;
  backdrop-filter: blur(35px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(35px) saturate(200%) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-modal-card::before {
  display: none !important;
}

[data-theme="minimal"] .friends-modal-title {
  color: #000000 !important;
}

[data-theme="minimal"] .friends-modal-desc {
  color: #636366 !important;
}

[data-theme="minimal"] .friends-modal-close {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #636366 !important;
}

[data-theme="minimal"] .friends-modal-close:hover {
  background: rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-modal-close svg {
  stroke: currentColor !important;
}

[data-theme="minimal"] .friends-modal-card .settings-group-label {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .friends-modal-card .settings-toggle-row {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .friends-btn-primary {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .friends-btn-primary:hover {
  background: #1c1c1e !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .friends-btn-secondary {
  background: #f2f2f7 !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-btn-secondary:hover {
  background: #e5e5ea !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-section-title {
  color: #000000 !important;
}

[data-theme="minimal"] .friends-section-badge {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-refresh-btn {
  color: #636366 !important;
}

[data-theme="minimal"] .friends-refresh-btn:hover {
  color: #000000 !important;
}

[data-theme="minimal"] .friends-refresh-btn svg {
  stroke: #636366 !important;
}

[data-theme="minimal"] .friends-refresh-btn:hover svg {
  stroke: #000000 !important;
}

[data-theme="minimal"] .friends-request-card {
  background: var(--liquid-glass-bg) !important;
  border: var(--liquid-glass-border) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  position: relative;
}

[data-theme="minimal"] .friends-request-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  padding: 1px !important;
  background: linear-gradient(180deg, var(--glass-rim) 0%, rgba(255, 255, 255, 0) 60%) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}

[data-theme="minimal"] .friends-request-name {
  color: #000000 !important;
}

[data-theme="minimal"] .friends-request-sub {
  color: #636366 !important;
}

[data-theme="minimal"] .friends-sent-title {
  color: #636366 !important;
}

[data-theme="minimal"] .friends-sent-chip {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .friends-sent-chip-name {
  color: #000000 !important;
}

[data-theme="minimal"] .friends-sent-chip-status {
  color: #636366 !important;
}

[data-theme="minimal"] .friends-sent-cancel-btn {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .friends-sent-cancel-btn:hover {
  color: #000000 !important;
}

[data-theme="minimal"] .friends-privacy-title {
  color: #000000 !important;
}

[data-theme="minimal"] .friends-privacy-sub {
  color: #636366 !important;
}

[data-theme="minimal"] .friends-code-reveal-btn {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="minimal"] .friends-code-reveal-btn:hover {
  background: rgba(0, 0, 0, 0.09) !important;
}

[data-theme="minimal"] .friends-card-options-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.9) !important;
  color: rgba(0, 0, 0, 0.35) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .friends-card-options-btn:hover {
  background: rgba(255, 69, 58, 0.12) !important;
  border-color: rgba(255, 69, 58, 0.30) !important;
  color: #ff3b30 !important;
}

[data-theme="minimal"] .friends-cal-legend {
  border-top-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .friends-cal-legend-item {
  color: #3a3a3c !important;
}

[data-theme="minimal"] .friends-cal-legend-item .cal-dot-task,
[data-theme="minimal"] .friends-cal-widget .cal-dot-task {
  background-color: var(--mnml-orange, #34c759) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .friends-cal-legend-item .cal-dot-event,
[data-theme="minimal"] .friends-cal-widget .cal-dot-event {
  background-color: #ffffff !important;
  border: 0.5px solid rgba(0, 0, 0, 0.35) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="minimal"] .friends-cal-legend-item .cal-dot-objective,
[data-theme="minimal"] .friends-cal-widget .cal-dot-objective {
  background-color: #007aff !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .friends-cal-privacy-notice {
  color: #8e8e93 !important;
}

/* ==========================================================================
   MINIMAL MONOCHROME SYSTEMATIC PURGE: ZERO LIME GREENS & ZERO SKEUOMORPHIC LEAKS
   ========================================================================== */


/* 1. Reloj (Focus) Active Player & Timeline */
[data-theme="minimal"] .player-track-segment.track-current {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .player-track-segment.track-current .track-segment-num,
[data-theme="minimal"] .player-track-segment.track-current .track-segment-type,
[data-theme="minimal"] .player-track-segment.track-current .track-segment-dur {
  color: #ffffff !important;
}

[data-theme="minimal"] .track-active-indicator {
  background: #000000 !important;
}

[data-theme="minimal"] .player-active-block-card {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1.5px solid var(--glass-rim-strong) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .player-active-type-pill.work {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .player-active-type-pill.break {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #636366 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .player-active-sub {
  color: #636366 !important;
}

[data-theme="minimal"] .player-big-time {
  color: #000000 !important;
  text-shadow: none !important;
}

[data-theme="minimal"] .player-time-hint {
  color: #8e8e93 !important;
}

[data-theme="minimal"] #playerStartBtn,
[data-theme="minimal"] .player-main-action-btn.orange-solid {
  background: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.20) !important;
}

[data-theme="minimal"] #playerStartBtn:hover,
[data-theme="minimal"] .player-main-action-btn.orange-solid:hover {
  background: #2c2c2e !important;
  border-color: #2c2c2e !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="minimal"] .player-secondary-action {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .player-secondary-action:hover:not(:disabled) {
  background: #f2f2f7 !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .player-tool-chip {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .player-tool-chip:hover {
  background: #f2f2f7 !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .preset-card-time-badge {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .timeline-type-pill.work {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .mini-timeline-segment.seg-work {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .mini-timeline-segment.seg-break {
  background: rgba(0, 0, 0, 0.15) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .builder-timeline-canvas.drag-over {
  background: rgba(0, 0, 0, 0.04) !important;
  box-shadow: none !important;
}

/* 2. Progreso (Stats): iOS Segmented Active Thumb */
[data-theme="minimal"] .stats-pill.active {
  background: #ffffff !important;
  color: #000000 !important;
  font-weight: 600 !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-theme="minimal"] .stats-pill.active:hover {
  background: #ffffff !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.16) !important;
}

[data-theme="minimal"] .stats-point-bubble {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .stats-point-avg {
  color: #000000 !important;
}

[data-theme="minimal"] .stats-streak-pill {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
}

[data-theme="minimal"] .stats-kpi-icon-box,
[data-theme="minimal"] .stats-kpi-icon-box.lime {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .stats-kpi-val.accent-green {
  color: #000000 !important;
  text-shadow: none !important;
}

[data-theme="minimal"] .stats-dot-indicator {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .stats-habit-bar,
[data-theme="minimal"] .stats-obj-bar {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .stats-habit-bar.is-complete,
[data-theme="minimal"] .stats-obj-bar.is-complete {
  background: #000000 !important;
  box-shadow: none !important;
  animation: none !important;
}

[data-theme="minimal"] .stats-habit-pct,
[data-theme="minimal"] .stats-habit-pct.is-complete {
  color: #000000 !important;
  text-shadow: none !important;
}

[data-theme="minimal"] .stats-week-col.is-today .stats-week-day-label {
  color: #000000 !important;
  font-weight: 700 !important;
}

[data-theme="minimal"] .stats-week-day-label {
  color: #636366 !important;
}

[data-theme="minimal"] .stats-week-indicator.done {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .stats-week-col.is-today .stats-week-indicator {
  box-shadow: 0 0 0 1.5px rgba(0, 0, 0, 0.65) !important;
}

[data-theme="minimal"] .stats-week-indicator.missed {
  background: rgba(255, 59, 48, 0.12) !important;
  color: #d70015 !important;
  border: 1px solid rgba(255, 59, 48, 0.28) !important;
}

[data-theme="minimal"] .stats-week-indicator.rest {
  background: rgba(0, 0, 0, 0.04) !important;
  color: rgba(0, 0, 0, 0.30) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .stats-week-indicator.rest.is-paused {
  background: rgba(255, 149, 0, 0.10) !important;
  color: #c97000 !important;
  border: 1px solid rgba(255, 149, 0, 0.32) !important;
}

[data-theme="minimal"] .stats-week-dot.is-paused {
  background: #c97000 !important;
}

[data-theme="minimal"] .agenda-paused-pill {
  background: rgba(255, 149, 0, 0.10) !important;
  border: 1px solid rgba(255, 149, 0, 0.28) !important;
  color: #c97000 !important;
}

[data-theme="minimal"] .agenda-paused-count-badge {
  background: rgba(255, 149, 0, 0.10) !important;
  border: 1px solid rgba(255, 149, 0, 0.28) !important;
  color: #c97000 !important;
}

[data-theme="minimal"] .stats-habit-tag {
  color: #636366 !important;
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .stats-habit-meta {
  color: #636366 !important;
}

/* Progress Chart Readout Banner & Labels in Coco (Minimal) */
[data-theme="minimal"] .stats-point-banner {
  background: rgba(0, 0, 0, 0.035) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .stats-point-date,
[data-theme="minimal"] .stats-point-date strong,
[data-theme="minimal"] #statsPointDateText {
  color: #000000 !important;
  font-weight: 700 !important;
}

[data-theme="minimal"] .stats-point-separator {
  color: rgba(0, 0, 0, 0.25) !important;
}

[data-theme="minimal"] .stats-point-avg {
  color: #636366 !important;
}

[data-theme="minimal"] .stats-x-tick-label {
  fill: #636366 !important;
}

[data-theme="minimal"] .stats-x-tick-label[font-weight="700"] {
  fill: #000000 !important;
}

/* Project Effort Allocation in Coco (Minimal) */
[data-theme="minimal"] .stats-prj-dist-name {
  color: #000000 !important;
}

[data-theme="minimal"] .stats-prj-dist-count {
  color: #636366 !important;
}

[data-theme="minimal"] .stats-donut-legend-item:hover {
  background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .stats-pie-chart-stage {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .stats-pie-svg {
  filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.10)) !important;
}

[data-theme="minimal"] .stats-pie-wedge:hover .stats-wedge-shell,
[data-theme="minimal"] .stats-pie-wedge.is-hovered .stats-wedge-shell,
[data-theme="minimal"] .stats-pie-wedge.is-selected .stats-wedge-shell {
  stroke: #ffffff !important;
  stroke-width: 2.2px !important;
}

[data-theme="minimal"] .stats-pie-legend-item {
  background: rgba(0, 0, 0, 0.02) !important;
}

[data-theme="minimal"] .stats-pie-legend-item:hover,
[data-theme="minimal"] .stats-pie-legend-item.is-hovered {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  border-top-color: rgba(255, 255, 255, 0.90) !important;
}

[data-theme="minimal"] .stats-pie-kpi-pill {
  color: #000000 !important;
  border-top-color: #ffffff !important;
}

/* Consistency Heatmap in Coco (Minimal) */
[data-theme="minimal"] .stats-heatmap-cell:hover {
  filter: brightness(0.85);
}

[data-theme="minimal"] .stats-heatmap-cell.is-selected {
  stroke: #000000 !important;
  stroke-width: 1.8px !important;
  stroke-dasharray: none !important;
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25));
}

[data-theme="minimal"] .stats-heatmap-cell.is-today:not(.is-selected) {
  stroke: rgba(0, 0, 0, 0.35) !important;
  stroke-width: 1.2px !important;
  stroke-dasharray: 2, 2 !important;
}

[data-theme="minimal"] .stats-obj-kpi-pill {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
}

[data-theme="minimal"] .stats-obj-pct.completed {
  color: #000000 !important;
}

[data-theme="minimal"] .stats-empty-icon-wrap {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .stats-heatmap-dot.level-1 {
  background: rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] .stats-heatmap-dot.level-2 {
  background: rgba(0, 0, 0, 0.40) !important;
}

[data-theme="minimal"] .stats-heatmap-dot.level-3 {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .stats-svg-bar-col:hover rect:not(.stats-bar-hitbox) {
  filter: brightness(0.9) !important;
}

/* 3. Notas (Notes) Icon Picker & Cards */
[data-theme="minimal"] .note-icon-picker-btn,
[data-theme="minimal"] #noteIconPickerBtn {
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1px solid #ffffff !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .note-icon-picker-btn:hover,
[data-theme="minimal"] #noteIconPickerBtn:hover {
  background: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  border-top-color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .note-icon-picker-btn svg,
[data-theme="minimal"] #noteIconPickerBtn svg {
  filter: none !important;
  stroke: #000000 !important;
}

[data-theme="minimal"] .note-icon-choice-btn.selected {
  background: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .note-icon-choice-btn.selected svg {
  stroke: #ffffff !important;
  filter: none !important;
}

[data-theme="minimal"] .note-icon-choice-btn:hover:not(.selected) {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] .note-icon-choice-btn svg {
  filter: none !important;
}

[data-theme="minimal"] .note-icon-wrap {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .note-card-item:hover .note-icon-wrap,
[data-theme="minimal"] .prj-row-item:hover .note-icon-wrap {
  background: rgba(0, 0, 0, 0.07) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .note-icon-wrap svg {
  filter: none !important;
  stroke: #000000 !important;
}

[data-theme="minimal"] .subcat-chip-item.active {
  background: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] .subcat-chip-item.active:hover {
  background: #2c2c2e !important;
  border-color: #2c2c2e !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .subcat-chip-item.active:active {
  background: #1c1c1e !important;
}

/* 4. Proyectos (Projects) */
[data-theme="minimal"] .prj-card-cover-ambient-glow {
  display: none !important;
}

[data-theme="minimal"] .prj-card:hover .prj-card-cover-symbol {
  border-color: rgba(0, 0, 0, 0.15) !important;
  background: rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .prj-card-stat-pill.tasks-done-pill {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  box-shadow: none !important;
  color: #000000 !important;
}

[data-theme="minimal"] .prj-progress-fill {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .prj-progress-summary-fill {
  box-shadow: none !important;
}

[data-theme="minimal"] .prj-color-dot {
  box-shadow: none !important;
}

[data-theme="minimal"] .prj-row-play {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .prj-row-play:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .prj-inline-task-input:focus,
[data-theme="minimal"] .prj-inline-subtask-input:focus,
[data-theme="minimal"] .prj-field-input:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .prj-quick-chip.active,
[data-theme="minimal"] .prj-quick-dropdown-trigger.active,
[data-theme="minimal"] .prj-time-slot-btn.active {
  border-color: #000000 !important;
  color: #000000 !important;
}

[data-theme="minimal"] .prj-subtasks-drawer {
  border-left: 2px solid rgba(0, 0, 0, 0.20) !important;
}

[data-theme="minimal"] .prj-row-item-wrapper.is-dragging .prj-row-item {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .prj-kanban-drag-ghost .prj-kanban-card {
  border-color: rgba(0, 0, 0, 0.20) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .prj-upload-wheel-wrap {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] #prjUploadProgressBar {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] #prjUploadPercent {
  color: #000000 !important;
}

/* ==========================================================================
   Apple Cupertino Liquid Glass Schedule Modal & Inbox Actions
   ========================================================================== */

/* 1. Inbox Row Schedule Button (Liquid Glass) */
.agenda-reschedule-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  height: 28px !important;
  padding: 0 10px !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  border-radius: 9999px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%) !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.35) !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.22) !important;
  color: #f5f5f7 !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.agenda-reschedule-btn svg {
  width: 12px !important;
  height: 12px !important;
  flex-shrink: 0 !important;
}

@media (hover: hover) {
  .agenda-reschedule-btn:hover {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.08) 100%) !important;
    border-color: rgba(255, 255, 255, 0.30) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.50) !important;
    box-shadow: inset 0 1px 1.5px rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    transform: translateY(-0.5px) !important;
  }
}

.agenda-reschedule-btn:active {
  transform: scale(0.96) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.40) !important;
}

[data-theme="minimal"] .agenda-reschedule-btn {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.38) 100%) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: inset 0 1px 1.5px rgba(255, 255, 255, 0.95), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  color: #000000 !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="minimal"] .agenda-reschedule-btn:hover {
  background: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.95) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: inset 0 1px 1.5px #ffffff, 0 2px 6px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-0.5px) !important;
}

[data-theme="minimal"] .agenda-reschedule-btn:active {
  transform: scale(0.96) !important;
  background: rgba(255, 255, 255, 0.5) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

/* Lima Theme - Vibrant Lime Green Inbox Schedule Button */
[data-theme="lima"] .agenda-reschedule-btn,
[data-theme="lima"] [data-inbox-reschedule],
[data-theme="lima"] .agenda-reschedule-btn-circle,
:root:not([data-theme="minimal"]) .agenda-reschedule-btn,
:root:not([data-theme="minimal"]) [data-inbox-reschedule] {
  background: var(--liquid-glass-accent-bg) !important;
  color: #000000 !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-top: 1.5px solid var(--glass-rim-accent) !important;
  box-shadow: 0 2px 10px rgba(170, 247, 0, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
}

[data-theme="lima"] .agenda-reschedule-btn svg,
[data-theme="lima"] [data-inbox-reschedule] svg,
[data-theme="lima"] .agenda-reschedule-btn-circle svg,
:root:not([data-theme="minimal"]) .agenda-reschedule-btn svg,
:root:not([data-theme="minimal"]) [data-inbox-reschedule] svg {
  stroke: #000000 !important;
}

@media (hover: hover) {
  [data-theme="lima"] .agenda-reschedule-btn:hover,
  [data-theme="lima"] [data-inbox-reschedule]:hover,
  [data-theme="lima"] .agenda-reschedule-btn-circle:hover,
  :root:not([data-theme="minimal"]) .agenda-reschedule-btn:hover,
  :root:not([data-theme="minimal"]) [data-inbox-reschedule]:hover {
    background: var(--liquid-glass-accent-bg-hover) !important;
    box-shadow: 0 4px 14px rgba(170, 247, 0, 0.5), inset 0 1px 1.5px #ffffff !important;
    color: #000000 !important;
    transform: translateY(-0.5px) !important;
  }
}

/* 2. Schedule Wizard Sheet & Step 1 Options */
[data-theme="minimal"] .schedule-wizard-sheet {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(32px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.95) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.14), inset 0 1.5px 1.5px #ffffff !important;
}

[data-theme="minimal"] #scheduleWizardKindSelector {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 9999px !important;
  padding: 3px !important;
}

[data-theme="minimal"] #scheduleWizardKindSelector .ios-segment-btn.active {
  background: #ffffff !important;
  color: #000000 !important;
  font-weight: 700 !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), inset 0 1px 1px #ffffff !important;
  border-radius: 9999px !important;
}

/* Schedule Wizard Segmented Buttons & Pill Height Normalization */
.schedule-wizard-sheet .ios-segmented-control {
  padding: 3px;
  gap: 2px;
  align-items: center;
}

.schedule-wizard-sheet .ios-segment-btn {
  padding: 6px 4px;
  font-size: 0.74rem;
  font-weight: 600;
  line-height: 1.15;
  white-space: nowrap;
  min-width: 0;
  letter-spacing: -0.01em;
}

[data-theme="minimal"] .schedule-wizard-sheet .ios-segmented-control {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .schedule-wizard-sheet .ios-segment-btn.active {
  background: #ffffff !important;
  color: #000000 !important;
  font-weight: 700 !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), inset 0 1px 1px #ffffff !important;
}

[data-theme="minimal"] .schedule-tree-item.root-dest-btn,
[data-theme="minimal"] .schedule-tree-item {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.38) 100%) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.04), inset 0 1px 1px #ffffff !important;
  color: #000000 !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="minimal"] .schedule-tree-item:hover {
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06), inset 0 1px 1.5px #ffffff !important;
}

[data-theme="minimal"] .schedule-tree-title {
  color: #000000 !important;
  font-weight: 600 !important;
}

[data-theme="minimal"] .schedule-tree-desc {
  color: #8e8e93 !important;
}

[data-theme="minimal"] .schedule-tree-node {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.32) 100%) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.04), inset 0 1px 1px #ffffff !important;
}

[data-theme="minimal"] .schedule-tree-toggle {
  color: #000000 !important;
}

[data-theme="minimal"] .schedule-tree-name {
  color: #000000 !important;
  font-weight: 600 !important;
}

[data-theme="minimal"] .schedule-tree-create-btn {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.40) 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  border-radius: 9999px !important;
  padding: 4px 10px !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  color: #000000 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), inset 0 1px 1px #ffffff !important;
  transition: all 0.15s ease !important;
}

[data-theme="minimal"] .schedule-tree-create-btn:hover {
  background: #ffffff !important;
  transform: translateY(-0.5px) !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06), inset 0 1px 1.5px #ffffff !important;
}

[data-theme="minimal"] .schedule-tree-sublist {
  background: rgba(0, 0, 0, 0.03) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding: 10px 12px !important;
  border-radius: 0 0 14px 14px !important;
}

[data-theme="minimal"] .schedule-tree-sublabel {
  color: #636366 !important;
  font-weight: 600 !important;
}

[data-theme="minimal"] .schedule-tree-event-item {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-top: 1px solid #ffffff !important;
  border-radius: 10px !important;
  color: #000000 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
  font-weight: 500 !important;
}

[data-theme="minimal"] .schedule-tree-event-item:hover {
  background: #f2f2f7 !important;
}

[data-theme="minimal"] .schedule-dest-summary-chip {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-top: 1px solid #ffffff !important;
  color: #000000 !important;
  border-radius: 10px !important;
}

[data-theme="minimal"] .schedule-wizard-step-tag {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 6px !important;
}

/* 3. Step 2 Date Shortcut Pills (Liquid Glass) */
[data-theme="minimal"] .schedule-quick-btn {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.35) 100%) !important;
  backdrop-filter: blur(20px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  border-radius: 9999px !important;
  color: #1c1c1e !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  padding: 7px 10px !important;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.04), inset 0 1px 1.5px #ffffff !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

[data-theme="minimal"] .schedule-quick-btn:hover {
  background: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), inset 0 1.5px 1.5px #ffffff !important;
  transform: translateY(-0.5px) !important;
}

[data-theme="minimal"] .schedule-quick-btn.active {
  background: linear-gradient(145deg, #1c1c1e 0%, #000000 100%) !important;
  border: 1px solid #000000 !important;
  border-top: 1.5px solid rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.20), inset 0 1px 1px rgba(255, 255, 255, 0.30) !important;
}

/* 4. Apple Cupertino Custom Time Selector (Zero Native Selects) */
.schedule-time-capsule {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 6px 0;
}

.schedule-time-pill-btn {
  font-family: var(--font-sans);
  font-size: 1.25rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  padding: 6px 16px;
  border-radius: 12px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: var(--text-white);
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}

.schedule-time-pill-btn.active {
  background: var(--mnml-orange);
  color: #000000;
  border-color: var(--mnml-orange);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .schedule-time-box {
  background: rgba(0, 0, 0, 0.03) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-top: 1px solid #ffffff !important;
}

.schedule-time-picker-trigger {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  color: var(--text-white);
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  font-family: var(--font-sans);
}

[data-theme="minimal"] .schedule-time-picker-trigger {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1.5px solid #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .schedule-time-picker-trigger:hover {
  background: rgba(0, 0, 0, 0.07) !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
}

[data-theme="minimal"] .schedule-time-picker-trigger:active {
  transform: scale(0.98) !important;
}

/* 5. Inicio (Home) & Agenda */
[data-theme="minimal"] .home-focus-card:hover,
[data-theme="minimal"] .home-empty-card:hover {
  border-color: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .home-empty-icon-wrap {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .home-empty-card:hover .home-empty-arrow {
  color: #000000 !important;
}

[data-theme="minimal"] .home-recent-type {
  color: #636366 !important;
}

[data-theme="minimal"] .day-progress-fill,
[data-theme="minimal"] .day-progress-fill.advancing,
[data-theme="minimal"] .day-progress-fill.is-complete {
  background: #000000 !important;
  box-shadow: none !important;
  animation: none !important;
}

[data-theme="minimal"] .day-progress-percent {
  color: #000000 !important;
}

[data-theme="minimal"] .home-quick-capture-form:focus-within {
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .quick-capture-icon {
  color: #636366 !important;
}

[data-theme="minimal"] .home-quick-capture-btn:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .agenda-habit-pill {
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #ffffff !important;
}

[data-theme="minimal"] .agenda-day-chip.orange-solid {
  background: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .agenda-day-chip.orange-solid .agenda-day-chip-letter {
  color: #ffffff !important;
}

[data-theme="minimal"] .agenda-day-chip:not(.orange-solid) {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .agenda-day-chip:not(.orange-solid) .agenda-day-chip-letter {
  color: #000000 !important;
}


[data-theme="minimal"] .cal-dot-task {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .agenda-check-btn:hover {
  border-color: #000000 !important;
  background: rgba(0, 0, 0, 0.05) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .subtask-badge-pill.all-done {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .reschedule-option-icon {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .reschedule-option-icon svg {
  filter: none !important;
  stroke: #000000 !important;
}

[data-theme="minimal"] .reschedule-option-btn.active {
  border-color: #000000 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .agenda-time-pill {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  color: #000000 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .agenda-feed-badge.today {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .agenda-desktop-workspace .agenda-card-item.is-inspector-active {
  border-color: #000000 !important;
  background: rgba(0, 0, 0, 0.03) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .inspector-progress-fill {
  background: #000000 !important;
}

[data-theme="minimal"] .trash-type-badge.type-task {
  color: #000000 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
}

[data-theme="minimal"] .trash-days-left {
  color: #636366 !important;
}

/* 6. Amigos (Friends) Extra Greens */
[data-theme="minimal"] .friends-progress-fill {
  background: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .friends-heatmap-pill.done {
  background: #000000 !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}

[data-theme="minimal"] #friendsEmptyAddBtn {
  background: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] #friendsEmptyAddBtn:hover {
  background: #2c2c2e !important;
  border-color: #2c2c2e !important;
}

[data-theme="minimal"] .friends-section-badge.accent {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
  text-shadow: none !important;
}

/* 7. Ajustes (Settings) & Global Elements */
[data-theme="minimal"] .settings-appearance-card.active {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: #000000 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .settings-quick-btn {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .settings-quick-btn .quick-btn-title {
  color: #000000 !important;
}

[data-theme="minimal"] .settings-quick-btn .quick-btn-sub {
  color: #636366 !important;
}

[data-theme="minimal"] .settings-quick-btn .quick-btn-title span:first-child {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .settings-quick-btn.active {
  background: var(--liquid-glass-bg-active) !important;
  border: 1.5px solid #000000 !important;
  border-top: 1.5px solid #000000 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .settings-quick-btn.active .quick-btn-title {
  color: #000000 !important;
  font-weight: 700 !important;
}

[data-theme="minimal"] .settings-quick-btn.active .quick-btn-title span:first-child {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .settings-quick-btn.active .quick-btn-sub {
  color: #3a3a3c !important;
}

[data-theme="minimal"] #journalTitleInput {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #000000 !important;
  padding: 0 !important;
}

[data-theme="minimal"] .archive-action-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .archive-action-btn.restore {
  color: #000000 !important;
}

[data-theme="minimal"] .archive-action-btn.restore:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.20) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .archive-action-btn.delete {
  color: #ff453a !important;
  border-color: rgba(255, 69, 58, 0.25) !important;
  background: rgba(255, 69, 58, 0.06) !important;
}

[data-theme="minimal"] .archive-action-btn.delete:hover {
  background: rgba(255, 69, 58, 0.12) !important;
  border-color: rgba(255, 69, 58, 0.40) !important;
  color: #ff453a !important;
}

[data-theme="minimal"] .sync-dot {
  background: #1c1c1e !important;
  box-shadow: none !important;
}


[data-theme="minimal"] .mnml-btn.primary:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20) !important;
}

[data-theme="minimal"] .icon-btn-circle.orange-solid:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.20) !important;
}

[data-theme="minimal"] .mnml-confirm-icon-wrap.accent {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .mnml-confirm-btn.primary {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .mnml-toast-action-btn {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .mnml-prompt-input:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .reorder-done-pill {
  background: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.20) !important;
}

[data-theme="minimal"] .time-chip-btn.active {
  background: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] .clock-icon-wrap {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: none !important;
}

[data-theme="minimal"] .clock-icon-wrap svg {
  filter: none !important;
  stroke: #000000 !important;
}

/* 8. Universal Input Cleanliness: Eliminate Dirty Inset Shadows & Lime Glows */
[data-theme="minimal"] .mnml-input,
[data-theme="minimal"] .prj-field-input,
[data-theme="minimal"] .prj-task-field-input,
[data-theme="minimal"] .prj-milestone-input,
[data-theme="minimal"] .prj-obj-input,
[data-theme="minimal"] .prj-budget-input,
[data-theme="minimal"] .prj-resource-input,
[data-theme="minimal"] .prj-link-input,
[data-theme="minimal"] .schedule-wizard-input,
[data-theme="minimal"] .notes-search-input,
[data-theme="minimal"] .journal-search-input,
[data-theme="minimal"] .settings-input,
[data-theme="minimal"] .friends-input,
[data-theme="minimal"] .friends-code-input,
[data-theme="minimal"] #assignEventSearchInput,
[data-theme="minimal"] input[type="text"]:not(#editTitleInput):not(#journalTitleInput):not(#homeQuickCaptureInput):not(#deskQuickInboxInput):not(.home-quick-capture-input):not(.agenda-sidebar-quick-input):not(.friends-username-input):not(#friendsProfileUsernameInput):not(.agenda-quick-inbox-input):not(#quickInboxInput),
[data-theme="minimal"] input[type="search"],
[data-theme="minimal"] input[type="number"],
[data-theme="minimal"] input[type="date"],
[data-theme="minimal"] textarea:not(#editTitleInput):not(#journalTitleInput),
[data-theme="minimal"] select {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.14) !important;
  color: #000000 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="minimal"] .mnml-input:focus,
[data-theme="minimal"] .prj-field-input:focus,
[data-theme="minimal"] .prj-task-field-input:focus,
[data-theme="minimal"] .prj-milestone-input:focus,
[data-theme="minimal"] .prj-obj-input:focus,
[data-theme="minimal"] .prj-budget-input:focus,
[data-theme="minimal"] .prj-resource-input:focus,
[data-theme="minimal"] .prj-link-input:focus,
[data-theme="minimal"] .schedule-wizard-input:focus,
[data-theme="minimal"] .notes-search-input:focus,
[data-theme="minimal"] .journal-search-input:focus,
[data-theme="minimal"] .settings-input:focus,
[data-theme="minimal"] .friends-input:focus,
[data-theme="minimal"] .friends-code-input:focus,
[data-theme="minimal"] #assignEventSearchInput:focus,
[data-theme="minimal"] input[type="text"]:not(#editTitleInput):not(#journalTitleInput):not(#homeQuickCaptureInput):not(#deskQuickInboxInput):not(.home-quick-capture-input):not(.agenda-sidebar-quick-input):not(.friends-username-input):not(#friendsProfileUsernameInput):not(.agenda-quick-inbox-input):not(#quickInboxInput):focus,
[data-theme="minimal"] input[type="search"]:focus,
[data-theme="minimal"] input[type="number"]:focus,
[data-theme="minimal"] input[type="date"]:focus,
[data-theme="minimal"] textarea:not(#editTitleInput):not(#journalTitleInput):focus,
[data-theme="minimal"] select:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08) !important;
  outline: none !important;
}

[data-theme="minimal"] ::placeholder {
  color: #8e8e93 !important;
}

/* ==========================================================================
   Apple Native Quick Capture Capsule (Symmetric Liquid Glass Capsule)
   ========================================================================== */
[data-theme="minimal"] .home-quick-capture-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

[data-theme="minimal"] .home-quick-capture-form {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.72) 100%) !important;
  backdrop-filter: blur(28px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(200%) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), inset 0 1px 1.5px #ffffff !important;
  border-radius: 9999px !important;
  padding: 5px 6px 5px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 48px !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

[data-theme="minimal"] .home-quick-capture-form:focus-within {
  border-color: rgba(0, 0, 0, 0.28) !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.12), 0 0 0 2px rgba(0, 0, 0, 0.06), inset 0 1px 1.5px #ffffff !important;
}

[data-theme="minimal"] .quick-capture-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  color: #8e8e93 !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

[data-theme="minimal"] .home-quick-capture-input,
[data-theme="minimal"] #homeQuickCaptureInput,
[data-theme="minimal"] .agenda-sidebar-quick-input,
[data-theme="minimal"] #deskQuickInboxInput,
[data-theme="minimal"] .agenda-quick-inbox-input,
[data-theme="minimal"] #quickInboxInput {
  flex: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 100% !important;
  line-height: normal !important;
  font-family: var(--font-sans) !important;
  font-size: 0.88rem !important;
  color: #000000 !important;
  outline: none !important;
  display: block !important;
}

[data-theme="minimal"] .home-quick-capture-input::placeholder,
[data-theme="minimal"] #homeQuickCaptureInput::placeholder,
[data-theme="minimal"] .agenda-sidebar-quick-input::placeholder,
[data-theme="minimal"] #deskQuickInboxInput::placeholder,
[data-theme="minimal"] .agenda-quick-inbox-input::placeholder,
[data-theme="minimal"] #quickInboxInput::placeholder {
  color: #8e8e93 !important;
  font-size: 0.84rem !important;
}

[data-theme="minimal"] .friends-username-input,
[data-theme="minimal"] #friendsProfileUsernameInput {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 11px 0 !important;
  margin: 0 !important;
  height: auto !important;
  line-height: normal !important;
  font-family: var(--font-sans) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #000000 !important;
  outline: none !important;
  display: block !important;
}

[data-theme="minimal"] .friends-username-input:focus,
[data-theme="minimal"] #friendsProfileUsernameInput:focus {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

[data-theme="minimal"] .home-quick-capture-btn {
  background: #000000 !important;
  color: #ffffff !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 50% !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.20) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  transition: transform 0.15s cubic-bezier(0.16, 1, 0.3, 1), background 0.15s ease !important;
}

[data-theme="minimal"] .home-quick-capture-btn:hover {
  background: #2c2c2e !important;
  transform: scale(1.05) !important;
}

[data-theme="minimal"] .home-quick-capture-btn:active {
  transform: scale(0.92) !important;
}

[data-theme="minimal"] .home-quick-capture-btn svg {
  stroke: #ffffff !important;
}

/* ==========================================================================
   Main Menu Navigation Contrast (Coco / Minimal Monochrome Apple HIG 1:1)
   ========================================================================== */
[data-theme="minimal"] #mainMenuOverlay .modal-sheet {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.72) 100%) !important;
  backdrop-filter: blur(35px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(35px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.12), inset 0 1px 2px #ffffff !important;
}

[data-theme="minimal"] #mainMenuOverlay .modal-header span[style*="font-family"] {
  color: #000000 !important;
}

[data-theme="minimal"] #mainMenuOverlay #menuHeaderDate {
  color: #636366 !important;
}

[data-theme="minimal"] #mainMenuOverlay .modal-close {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
}

[data-theme="minimal"] #mainMenuOverlay .modal-close:hover {
  background: rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] .menu-auth-card {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  padding: 16px !important;
  gap: 16px !important;
  box-sizing: border-box !important;
}

[data-theme="minimal"] .menu-auth-title {
  color: #000000 !important;
  font-weight: 700 !important;
}

[data-theme="minimal"] .menu-auth-sub {
  color: #8a5a00 !important;
  font-weight: 500 !important;
}

[data-theme="minimal"] .menu-user-name {
  color: #000000 !important;
  font-weight: 600 !important;
}

[data-theme="minimal"] .menu-user-email {
  color: #636366 !important;
}

[data-theme="minimal"] .menu-user-avatar {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] #menuSignOutBtn {
  background: #ffffff !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.18) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  font-weight: 600 !important;
}

[data-theme="minimal"] #menuSignOutBtn:hover {
  background: #f2f2f7 !important;
  border-color: rgba(0, 0, 0, 0.28) !important;
}

[data-theme="minimal"] #menuDeleteAccountBtn {
  background: rgba(255, 59, 48, 0.08) !important;
  color: #d70015 !important;
  border: 1px solid rgba(255, 59, 48, 0.25) !important;
  font-weight: 600 !important;
}

[data-theme="minimal"] #menuDeleteAccountBtn:hover {
  background: rgba(255, 59, 48, 0.15) !important;
}

[data-theme="minimal"] .google-signin-btn {
  background: #ffffff !important;
  color: #1f1f1f !important;
  border: 1px solid rgba(0, 0, 0, 0.20) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  font-weight: 600 !important;
}

[data-theme="minimal"] .google-signin-btn:hover {
  background: #f2f2f7 !important;
  border-color: rgba(0, 0, 0, 0.32) !important;
}

[data-theme="minimal"] .menu-nav-item {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

[data-theme="minimal"] .menu-nav-item:hover {
  background: var(--liquid-glass-bg-hover) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  border-top: 1px solid var(--glass-rim-strong) !important;
  box-shadow: var(--liquid-glass-shadow-hover) !important;
  transform: translateY(-1px) !important;
}

[data-theme="minimal"] .menu-nav-item:active {
  background: var(--liquid-glass-bg-active) !important;
  transform: scale(0.98) !important;
}

[data-theme="minimal"] .menu-nav-title {
  color: #000000 !important;
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  font-size: 0.90rem !important;
}

[data-theme="minimal"] .menu-nav-desc {
  display: none !important;
}

[data-theme="minimal"] .menu-nav-icon,
[data-theme="minimal"] .menu-nav-icon svg,
[data-theme="minimal"] .menu-nav-icon path,
[data-theme="minimal"] .menu-nav-icon circle,
[data-theme="minimal"] .menu-nav-icon polyline,
[data-theme="minimal"] .menu-nav-icon line {
  color: #000000 !important;
  stroke: #000000 !important;
}

[data-theme="minimal"] .menu-nav-arrow {
  color: #8e8e93 !important;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
}

[data-theme="minimal"] .menu-version-card {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .menu-version-card span {
  color: #636366 !important;
  font-weight: 600 !important;
}

[data-theme="minimal"] #btnForceAppUpdate {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] #btnForceAppUpdate:hover {
  background: #2c2c2e !important;
}

/* ==========================================================================
   Project Detail Cover Title Capsule & Card Stats Contrast
   ========================================================================== */
[data-theme="minimal"] .prj-detail-title-pill {
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(24px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  border-radius: 9999px !important;
  padding: 5px 14px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.20), inset 0 1px 1px #ffffff !important;
  color: #000000 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: calc(100% - 110px) !important;
  text-shadow: none !important;
  filter: none !important;
}

[data-theme="minimal"] .prj-detail-title-text,
[data-theme="minimal"] .prj-detail-title-pill * {
  color: #000000 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-family: var(--font-sans) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  text-shadow: none !important;
  filter: none !important;
  -webkit-font-smoothing: antialiased !important;
}

/* Project Card Pending & Stat Pills Contrast */
[data-theme="minimal"] .prj-card-stat-pill .prj-card-stat-icon,
[data-theme="minimal"] .prj-card-stat-pill.tasks-pending-pill .prj-card-stat-icon,
[data-theme="minimal"] .prj-card-stat-pill.objectives-pill .prj-card-stat-icon,
[data-theme="minimal"] .prj-card-stat-pill.tasks-done-pill .prj-card-stat-icon {
  color: #1c1c1e !important;
  stroke: #1c1c1e !important;
  opacity: 1 !important;
}

[data-theme="minimal"] .prj-card-stat-pill .prj-card-stat-icon svg,
[data-theme="minimal"] .prj-card-stat-pill.tasks-pending-pill .prj-card-stat-icon svg,
[data-theme="minimal"] .prj-card-stat-pill.tasks-done-pill .prj-card-stat-icon svg {
  stroke: #1c1c1e !important;
  color: #1c1c1e !important;
}

/* ==========================================================================
   LIMA LEGAL VIEWER (Apple iOS 1:1 In-App Document Sheet)
   ========================================================================== */
.lima-legal-sheet {
  width: 100% !important;
  max-width: 620px !important;
  height: 86vh !important;
  max-height: 86vh !important;
  display: flex !important;
  flex-direction: column !important;
  background: rgba(18, 18, 22, 0.94) !important;
  backdrop-filter: blur(32px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 22px 22px 0 0 !important;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.6) !important;
  overflow: hidden !important;
  font-family: var(--font-sans) !important;
  padding-bottom: env(safe-area-inset-bottom, 16px) !important;
}

.lima-legal-handle-wrap {
  display: flex;
  justify-content: center;
  padding: 10px 0 4px;
  flex-shrink: 0;
}

.lima-legal-handle {
  width: 36px;
  height: 4px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.22);
}

.lima-legal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 18px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}

.lima-legal-badge {
  display: none !important;
}

.lima-legal-title {
  flex: 1;
  min-width: 0;
  font-size: 1.05rem;
  font-weight: 600;
  color: #ffffff;
  margin: 0;
  letter-spacing: -0.01em;
  font-family: var(--font-sans);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lima-legal-close-btn {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  color: #ffffff;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  transition: all 0.15s ease;
}

.lima-legal-close-btn:hover {
  background: rgba(255, 255, 255, 0.16);
}

.lima-legal-tabs-wrap {
  padding: 10px 18px 8px;
  flex-shrink: 0;
}

.legal-segment-bar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: rgba(255, 255, 255, 0.06);
  padding: 3px;
  border-radius: 11px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  gap: 4px;
}

.legal-tab-btn {
  background: transparent;
  border: none;
  color: #8e8e93;
  padding: 7px 4px;
  font-size: 0.78rem;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: var(--font-sans);
}

.legal-tab-btn.active {
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

.lima-legal-body {
  flex: 1;
  overflow-y: auto;
  padding: 12px 18px 30px;
  color: #d1d1d6;
  font-size: 0.86rem;
  line-height: 1.55;
  -webkit-overflow-scrolling: touch;
}

.legal-document-card {
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  box-shadow: var(--liquid-glass-shadow);
  border-radius: 16px;
  padding: 20px 18px;
  margin-bottom: 24px;
}

.legal-document-card .legal-section {
  margin-bottom: 18px;
}

.legal-document-card .legal-section:last-child {
  margin-bottom: 0;
}

.legal-document-card h3 {
  font-size: 0.94rem;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 6px;
  letter-spacing: -0.01em;
  font-family: var(--font-sans);
}

.legal-document-card p {
  margin: 0 0 8px;
  color: #b0b0b8;
  font-size: 0.86rem;
  line-height: 1.55;
}

.legal-document-card ul {
  margin: 0 0 10px 18px;
  padding: 0;
  color: #b0b0b8;
  font-size: 0.86rem;
  line-height: 1.55;
}

.legal-document-card li {
  margin-bottom: 5px;
}

.legal-document-card strong {
  color: #ffffff;
  font-weight: 600;
}

.legal-document-card em {
  color: #8e8e93;
}

.legal-document-card code {
  background: rgba(255, 255, 255, 0.08);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.8rem;
  color: #ffffff;
}

.legal-document-card .highlight-box {
  background: rgba(170, 247, 0, 0.07);
  border: 1px solid rgba(170, 247, 0, 0.22);
  border-left: 3.5px solid #aaf700;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 14px 0;
}

/* ==========================================================================
   MINIMAL (COCO) THEME: Apple iOS Light Mode Contrast for Legal & Privacy
   ========================================================================== */
[data-theme="minimal"] .settings-legal-group {
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
}

[data-theme="minimal"] .settings-legal-row:hover {
  background: #e5e5ea !important;
}

[data-theme="minimal"] .lima-legal-sheet {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.72) 100%) !important;
  backdrop-filter: blur(32px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(32px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.12), inset 0 1px 2px #ffffff !important;
  color: #000000 !important;
}

[data-theme="minimal"] .lima-legal-handle {
  background: rgba(0, 0, 0, 0.20) !important;
}

[data-theme="minimal"] .lima-legal-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .lima-legal-title {
  color: #000000 !important;
  font-weight: 700 !important;
}

[data-theme="minimal"] .lima-legal-badge {
  background: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
}

[data-theme="minimal"] .lima-legal-close-btn {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  color: #000000 !important;
  min-width: 36px !important;
  min-height: 36px !important;
  flex-shrink: 0 !important;
}

[data-theme="minimal"] .lima-legal-close-btn:hover {
  background: rgba(0, 0, 0, 0.12) !important;
}

[data-theme="minimal"] .legal-segment-bar {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .legal-tab-btn {
  color: #636366 !important;
}

[data-theme="minimal"] .legal-tab-btn.active {
  background: #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  font-weight: 600 !important;
}

[data-theme="minimal"] .lima-legal-body {
  color: #1c1c1e !important;
}

[data-theme="minimal"] .legal-document-card {
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1px solid #ffffff !important;
  border-radius: 16px !important;
  padding: 20px 18px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  margin-bottom: 24px !important;
}

[data-theme="minimal"] .legal-document-card h3 {
  color: #000000 !important;
  font-weight: 700 !important;
}

[data-theme="minimal"] .legal-document-card p,
[data-theme="minimal"] .legal-document-card ul {
  color: #2c2c2e !important;
}

[data-theme="minimal"] .legal-document-card strong {
  color: #000000 !important;
  font-weight: 600 !important;
}

[data-theme="minimal"] .legal-document-card em {
  color: #636366 !important;
}

[data-theme="minimal"] .legal-document-card code {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .legal-document-card .highlight-box {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
  border-left: 3.5px solid #000000 !important;
}

/* ==========================================================================
   Completed Tasks & Archive Contrast & Typography (Coco / Apple HIG 1:1)
   ========================================================================== */
.archive-subapp-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

.archive-subapp-header .subapp-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  flex: 1 !important;
}

.archive-subapp-header .subapp-title {
  white-space: nowrap !important;
  font-size: clamp(1.10rem, 4.3vw, 1.55rem) !important;
  letter-spacing: -0.025em !important;
  flex-shrink: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.archive-subapp-header .subapp-count {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  font-size: 0.82rem !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  font-weight: 600 !important;
  align-self: baseline !important;
  margin-bottom: 0 !important;
}

@media (max-width: 480px) {
  .archive-subapp-header .subapp-header-left {
    gap: 6px !important;
  }
  .archive-subapp-header .subapp-title {
    font-size: 1.18rem !important;
  }
  .archive-subapp-header .subapp-count {
    font-size: 0.74rem !important;
    align-self: baseline !important;
    margin-bottom: 0 !important;
  }
}

.archive-search-wrap {
  position: relative !important;
  margin-bottom: 20px !important;
}

.archive-search-icon {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 2 !important;
  pointer-events: none !important;
  color: var(--text-muted) !important;
}

.archive-search-icon svg {
  stroke: var(--text-muted) !important;
  width: 16px !important;
  height: 16px !important;
}

.archive-task-title {
  color: #d4d4d8;
}

/* Coco (Minimal) Light Mode Contrast Overrides */
[data-theme="minimal"] .archive-search-icon {
  color: #636366 !important;
}

[data-theme="minimal"] .archive-search-icon svg {
  stroke: #636366 !important;
}

[data-theme="minimal"] .archive-search-input {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  color: #000000 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) inset !important;
}

[data-theme="minimal"] .archive-search-input:focus {
  border-color: #000000 !important;
}

[data-theme="minimal"] .archive-task-title,
[data-theme="minimal"] .agenda-card-item.completed .agenda-title {
  color: #48484a !important;
}

[data-theme="minimal"] .archive-meta-wrap {
  gap: 5px !important;
}

[data-theme="minimal"] .archive-meta-row {
  color: #636366 !important;
  font-weight: 500 !important;
  font-size: 0.82rem !important;
}

[data-theme="minimal"] .archive-meta-row span {
  color: #1c1c1e !important;
  font-weight: 600 !important;
  font-family: var(--font-sans) !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

[data-theme="minimal"] .archive-meta-row svg {
  color: #636366 !important;
  stroke: #636366 !important;
}

[data-theme="minimal"] .completed-group-title {
  color: #000000 !important;
}

[data-theme="minimal"] .completed-group-badge {
  color: #48484a !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .completed-date-group > div:first-child {
  border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .trash-days-left {
  color: #8e8e93 !important;
  font-weight: 500 !important;
}

/* Trash Filter Pills - Apple iOS Liquid Glass Aesthetic */
.trash-filter-pill {
  box-sizing: border-box;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: var(--radius-pill);
  padding: 6px 14px;
  font-size: 0.80rem;
  font-weight: 500;
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  color: var(--text-gray);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.20), inset 0 1px 1px rgba(255, 255, 255, 0.12);
  white-space: nowrap;
  user-select: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0;
  outline: none;
}

.trash-filter-pill:hover {
  background: var(--liquid-glass-bg-hover);
  color: var(--text-white);
  border-color: rgba(255, 255, 255, 0.28);
  border-top-color: rgba(255, 255, 255, 0.45);
  transform: translateY(-1px);
}

.trash-filter-pill:active {
  transform: scale(0.96);
}

.trash-filter-pill.active {
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.20) 0%, rgba(170, 247, 0, 0.06) 100%);
  border: 1px solid rgba(170, 247, 0, 0.45);
  border-top: 1px solid rgba(170, 247, 0, 0.75);
  color: var(--mnml-lime);
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.30);
  transform: none;
}

.trash-filter-pill.active:hover {
  transform: none;
}

.archive-info-highlight {
  color: #ffffff;
  font-weight: 600;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Coco (Minimal) Liquid Glass Trash Pills */
[data-theme="minimal"] .trash-filter-pill {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.45) 100%) !important;
  backdrop-filter: blur(25px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  color: #636366 !important;
  font-weight: 500 !important;
}

[data-theme="minimal"] .trash-filter-pill:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.60) 100%) !important;
  border-color: rgba(0, 0, 0, 0.16) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .trash-filter-pill.active {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.16) !important;
  color: #000000 !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  transform: none !important;
}

[data-theme="minimal"] .trash-filter-pill.active:hover {
  transform: none !important;
}

/* Coco (Minimal) Trash 30-Day Expiry Notice High Contrast */
[data-theme="minimal"] .archive-info-card {
  background: rgba(255, 255, 255, 0.65) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  border-top: 1px solid #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="minimal"] .archive-info-icon {
  color: #000000 !important;
}

[data-theme="minimal"] .archive-info-icon svg {
  stroke: #000000 !important;
}

[data-theme="minimal"] .archive-info-text {
  color: #3a3a3c !important;
  font-size: 0.84rem !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

[data-theme="minimal"] .archive-info-highlight {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   MINIMAL (COCO) THEME: Popovers, Welcome/Workflow Sheets & Confirm Dialogs
   ========================================================================== */
[data-theme="minimal"] .prj-quick-dropdown-menu,
[data-theme="minimal"] .prj-quick-time-menu,
[data-theme="minimal"] .prj-quick-date-menu {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.72) 100%) !important;
  backdrop-filter: blur(30px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12), inset 0 1px 2px #ffffff !important;
}

[data-theme="minimal"] .welcome-title,
[data-theme="minimal"] .wf-main-title,
[data-theme="minimal"] .wf-phase-heading,
[data-theme="minimal"] .wf-phase-desc b {
  color: #000000 !important;
}

[data-theme="minimal"] .welcome-subtitle,
[data-theme="minimal"] .wf-main-subtitle,
[data-theme="minimal"] .wf-phase-desc {
  color: rgba(0, 0, 0, 0.65) !important;
}

[data-theme="minimal"] .welcome-btn-local,
[data-theme="minimal"] .wf-nav-btn.prev,
[data-theme="minimal"] .wf-step-tab.completed {
  background: rgba(0, 0, 0, 0.05) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: #000000 !important;
}

[data-theme="minimal"] .mnml-confirm-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.72) 100%) !important;
  backdrop-filter: blur(30px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.15), inset 0 1px 2px #ffffff !important;
}

[data-theme="minimal"] .mnml-confirm-title {
  color: #000000 !important;
}

[data-theme="minimal"] .mnml-confirm-message {
  color: rgba(0, 0, 0, 0.65) !important;
}

[data-theme="minimal"] .mnml-confirm-btn.cancel {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #000000 !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="minimal"] .mnml-confirm-btn.primary {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .install-tutorial-steps {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .prj-img-lightbox-content {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.78) 100%) !important;
  backdrop-filter: blur(30px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.15), inset 0 1px 2px #ffffff !important;
}

[data-theme="minimal"] .agenda-milestone-glyph {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #000000 !important;
}

[data-theme="minimal"] .agenda-event-badge,
[data-theme="minimal"] .agenda-event-pill {
  background: rgba(0, 0, 0, 0.07) !important;
  border-color: rgba(0, 0, 0, 0.18) !important;
  color: #000000 !important;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

[data-theme="minimal"] .reschedule-option-btn {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  color: #000000 !important;
  box-shadow: none !important;
}

.day-progress-percent,
[data-theme="minimal"] .day-progress-percent,
.desktop-nav-badge,
.subtask-badge-pill,
.prj-tree-badge {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Progress KPIs Jump & Objectives Subtle Apple Highlight */
.stats-kpi-card[data-kpi-target] {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  transition: transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.16s ease, background 0.16s ease;
}

.stats-kpi-card[data-kpi-target]:hover {
  border-color: rgba(255, 255, 255, 0.22);
}

.stats-kpi-card[data-kpi-target]:active {
  transform: scale(0.965);
}

[data-theme="minimal"] .stats-kpi-card[data-kpi-target]:hover {
  border-color: rgba(0, 0, 0, 0.20) !important;
}

[data-theme="minimal"] .stats-kpi-card[data-kpi-target]:active {
  transform: scale(0.965) !important;
}

#statsHabitsSection,
#statsObjectivesSection {
  scroll-margin-top: 18px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

@keyframes statsSectionHighlight {
  0% {
    border-color: rgba(255, 255, 255, 0.10);
    box-shadow: none;
  }
  20% {
    border-color: rgba(170, 247, 0, 0.50);
    box-shadow: 0 0 24px rgba(170, 247, 0, 0.12);
  }
  100% {
    border-color: rgba(255, 255, 255, 0.10);
    box-shadow: none;
  }
}

.stats-card-section.is-section-highlighted {
  animation: statsSectionHighlight 2s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

@keyframes statsSectionHighlightMinimal {
  0% {
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: var(--liquid-glass-shadow);
  }
  20% {
    border-color: rgba(0, 0, 0, 0.30);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
  }
  100% {
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: var(--liquid-glass-shadow);
  }
}

[data-theme="minimal"] .stats-card-section.is-section-highlighted {
  animation: statsSectionHighlightMinimal 2s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

.prj-objective-card {
  scroll-margin-top: 24px;
}

@keyframes prjObjHighlightPulse {
  0% {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.20), 0 0 0 0 rgba(255, 149, 0, 0);
    border-color: rgba(255, 255, 255, 0.12);
    transform: scale(1);
  }
  20% {
    box-shadow: 0 8px 30px rgba(255, 149, 0, 0.32), inset 0 1px 2px rgba(255, 255, 255, 0.40), 0 0 0 2px rgba(255, 149, 0, 0.85);
    border-color: rgba(255, 149, 0, 0.9);
    transform: scale(1.014);
  }
  60% {
    box-shadow: 0 8px 24px rgba(255, 149, 0, 0.18), inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 0 0 1.5px rgba(255, 149, 0, 0.55);
    border-color: rgba(255, 149, 0, 0.6);
  }
  100% {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.40), inset 0 1px 1px rgba(255, 255, 255, 0.20), 0 0 0 0 rgba(255, 149, 0, 0);
    border-color: rgba(255, 255, 255, 0.12);
    transform: scale(1);
  }
}

.prj-objective-card.is-target-highlight {
  animation: prjObjHighlightPulse 2.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  z-index: 5;
}

@keyframes prjObjHighlightPulseMinimal {
  0% {
    box-shadow: var(--liquid-glass-shadow), 0 0 0 0 rgba(255, 149, 0, 0);
    border-color: rgba(0, 0, 0, 0.08);
    transform: scale(1);
  }
  20% {
    box-shadow: 0 6px 24px rgba(255, 149, 0, 0.24), 0 0 0 2px rgba(255, 149, 0, 0.8);
    border-color: rgba(255, 149, 0, 0.85);
    transform: scale(1.014);
  }
  60% {
    box-shadow: 0 4px 18px rgba(255, 149, 0, 0.15), 0 0 0 1.5px rgba(255, 149, 0, 0.5);
    border-color: rgba(255, 149, 0, 0.5);
  }
  100% {
    box-shadow: var(--liquid-glass-shadow), 0 0 0 0 rgba(255, 149, 0, 0);
    border-color: rgba(0, 0, 0, 0.08);
    transform: scale(1);
  }
}

[data-theme="minimal"] .prj-objective-card.is-target-highlight {
  animation: prjObjHighlightPulseMinimal 2.4s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  z-index: 5;
}



/* ==========================================================================
   Lima Clock & Focus Suite (Apple iOS Native 1:1 - Stopwatch, Timer, Avanzado & PiP)
   ========================================================================== */

/* Seamless Header (Zero Ugly Gray Stripe, Unified on Desktop & Mobile) */
.clock-top-header {
  background: transparent !important;
  border-bottom: none !important;
  padding: 0 0 8px 0 !important;
  margin-bottom: 8px !important;
}

.clock-segmented-bar-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 440px;
  margin: 0 auto 20px auto;
  padding: 0;
  box-sizing: border-box;
}

.clock-segmented-bar-wrap .clock-segmented {
  width: 100%;
  display: flex;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 9999px;
  padding: 3px;
  gap: 2px;
  box-sizing: border-box;
  overflow: hidden;
}

.clock-segmented-bar-wrap .ios-segment-btn {
  flex: 1 1 0;
  min-width: 0;
  padding: 7px 4px;
  font-size: 0.80rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  border-radius: 9999px;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
}

.clock-content-area {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
}

/* ==========================================================================
   Clock Clean Architecture (Transparent, Spatial Apple iOS HIG 1:1 on PC & Mobile)
   ========================================================================== */
.clock-stage-card {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  padding: 4px 0 16px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-sizing: border-box;
}

/* ==========================================================================
   Liquid Glass Clock Action Buttons
   ========================================================================== */
.apple-clock-actions-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 340px;
  margin: 28px auto;
  padding: 0 16px;
  box-sizing: border-box;
}

.clock-liquid-btn {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  touch-action: manipulation;
  outline: none;
  border: 1px solid transparent;
  transition: all 0.20s cubic-bezier(0.16, 1, 0.3, 1);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  position: relative;
  box-sizing: border-box;
}

.clock-liquid-btn:active:not(:disabled) {
  transform: scale(0.92);
}

.clock-liquid-btn:disabled {
  opacity: 0.32;
  cursor: default;
  pointer-events: none;
  box-shadow: none !important;
}

/* Primary Start (Liquid Glass Lime Accent) */
.clock-liquid-btn.primary-start {
  background: var(--liquid-glass-accent-bg);
  color: #000000;
  font-weight: 700;
  border: var(--liquid-glass-accent-border);
  border-top: 1px solid var(--glass-rim-accent);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1.5px rgba(255, 255, 255, 0.65);
}

@media (hover: hover) {
  .clock-liquid-btn.primary-start:hover:not(:disabled) {
    background: var(--liquid-glass-accent-bg-hover);
    transform: none !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.40), inset 0 1px 1.5px rgba(255, 255, 255, 0.85);
  }
}

/* Danger Stop (Liquid Glass Crimson) */
.clock-liquid-btn.danger-stop {
  background: linear-gradient(135deg, rgba(255, 69, 58, 0.92) 0%, rgba(215, 40, 30, 0.80) 100%);
  color: #ffffff;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-top: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1.5px rgba(255, 255, 255, 0.5);
}

@media (hover: hover) {
  .clock-liquid-btn.danger-stop:hover:not(:disabled) {
    background: linear-gradient(135deg, #ff5e54 0%, #ff453a 100%);
    transform: none !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.40), inset 0 1px 1.5px rgba(255, 255, 255, 0.7);
  }
}

/* Warning Pause (Liquid Glass Amber) */
.clock-liquid-btn.warning-pause {
  background: linear-gradient(135deg, rgba(255, 159, 10, 0.92) 0%, rgba(220, 130, 0, 0.80) 100%);
  color: #000000;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-top: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35), inset 0 1px 1.5px rgba(255, 255, 255, 0.5);
}

@media (hover: hover) {
  .clock-liquid-btn.warning-pause:hover:not(:disabled) {
    background: linear-gradient(135deg, #ffb13b 0%, #ff9f0a 100%);
    transform: none !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.40), inset 0 1px 1.5px rgba(255, 255, 255, 0.7);
  }
}

/* Secondary Neutral (Liquid Glass Base: Lap, Reset, Cancel, Side Arrows) */
.clock-liquid-btn.secondary-neutral {
  background: var(--liquid-glass-bg);
  color: #ffffff;
  font-weight: 600;
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  box-shadow: var(--liquid-glass-shadow);
}

@media (hover: hover) {
  .clock-liquid-btn.secondary-neutral:hover:not(:disabled) {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.28);
    border-top-color: rgba(255, 255, 255, 0.45);
    transform: none !important;
    box-shadow: var(--liquid-glass-shadow-hover);
  }
}

/* Sizing Adjustments */
.clock-liquid-btn.side-arrow {
  width: 52px;
  height: 52px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
}

.clock-liquid-btn.side-arrow svg {
  display: block !important;
  margin: auto !important;
  pointer-events: none;
}

.clock-liquid-btn.player-main-circle {
  width: 78px;
  height: 78px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
}

.clock-liquid-btn.player-main-circle svg {
  display: block !important;
  margin: auto !important;
  pointer-events: none;
}

@media (max-width: 480px) {
  .apple-clock-actions-row {
    max-width: 300px;
    padding: 0 8px;
  }
  .clock-liquid-btn {
    width: 72px;
    height: 72px;
    font-size: 0.88rem;
  }
  .clock-liquid-btn.side-arrow {
    width: 46px;
    height: 46px;
  }
  .clock-liquid-btn.player-main-circle {
    width: 68px;
    height: 68px;
  }
}

/* Legacy Concentric Circle Button Fallback */
.apple-clock-btn {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.16s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  padding: 3px;
  outline: none;
  background: transparent;
}

.apple-clock-btn:active:not(:disabled) {
  transform: scale(0.93);
}

.apple-clock-btn:disabled {
  opacity: 0.32;
  cursor: default;
}

.apple-btn-inner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-sans);
  font-size: 0.94rem;
  font-weight: 500;
  border: 1px solid transparent;
}

.apple-clock-btn.green {
  background: rgba(48, 209, 88, 0.16);
  color: #30d158;
  border-color: rgba(48, 209, 88, 0.32);
}
.apple-clock-btn.green .apple-btn-inner {
  border-color: rgba(48, 209, 88, 0.22);
}

.apple-clock-btn.red {
  background: rgba(255, 69, 58, 0.16);
  color: #ff453a;
  border-color: rgba(255, 69, 58, 0.32);
}
.apple-clock-btn.red .apple-btn-inner {
  border-color: rgba(255, 69, 58, 0.22);
}

.apple-clock-btn.orange {
  background: rgba(255, 159, 10, 0.16);
  color: #ff9f0a;
  border-color: rgba(255, 159, 10, 0.32);
}
.apple-clock-btn.orange .apple-btn-inner {
  border-color: rgba(255, 159, 10, 0.22);
}

.apple-clock-btn.gray {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.20);
}
.apple-clock-btn.gray .apple-btn-inner {
  border-color: rgba(255, 255, 255, 0.14);
}

/* ==========================================================================
   1. Apple Stopwatch (Centering & Symmetrical Apple HIG Layout)
   ========================================================================== */
.apple-stopwatch-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

.stopwatch-digits-box {
  width: 100%;
  text-align: center;
  margin: 16px 0 20px;
  user-select: none;
  display: flex;
  justify-content: center;
}

.stopwatch-digits-inner {
  display: inline-flex;
  align-items: baseline;
  font-family: var(--font-clock);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  letter-spacing: -0.02em;
}

.stopwatch-time-main {
  font-size: clamp(3.2rem, 14vw, 5.4rem);
  font-weight: 200;
  color: #ffffff;
  line-height: 1;
}

.stopwatch-time-centis {
  font-size: clamp(2.2rem, 10vw, 3.8rem);
  font-weight: 200;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1;
}

/* Laps Table */
.apple-laps-table-wrap {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 8px;
}

.apple-laps-header {
  display: flex;
  justify-content: space-between;
  padding: 8px 12px;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.apple-laps-list {
  max-height: 280px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.apple-lap-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  font-family: var(--font-sans);
  font-size: 0.95rem;
  font-weight: 500;
  color: #ffffff;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.apple-lap-row.fastest {
  color: #30d158;
}

.apple-lap-row.slowest {
  color: #ff453a;
}

.col-lap { width: 80px; font-weight: 600; }
.col-split { text-align: right; flex: 1; padding-right: 20px; }
.col-total { text-align: right; width: 100px; }

/* ==========================================================================
   2. Apple Simple Timer (Cupertino Wheel + Preset Pills + Radial Ring)
   ========================================================================== */
.apple-timer-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

.apple-timer-dial-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.apple-dial-picker-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 16px 0 28px;
}

.apple-dial-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 120px;
}

.apple-dial-num {
  font-family: var(--font-clock);
  font-size: clamp(2.8rem, 11vw, 4rem);
  font-weight: 300;
  line-height: 1.1;
  color: #ffffff;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  min-width: 120px;
  text-align: center;
}

.apple-dial-input {
  font-family: var(--font-clock);
  font-size: clamp(2.8rem, 11vw, 4rem);
  font-weight: 300;
  line-height: 1.1;
  color: #ffffff;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  width: 130px;
  min-width: 120px;
  max-width: 140px;
  box-sizing: border-box;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 4px 6px;
  margin: 0;
  outline: none;
  overflow: visible;
  letter-spacing: -0.01em;
  -moz-appearance: textfield;
  appearance: textfield;
  cursor: text;
  transition: all 0.16s ease;
}

.apple-dial-input::-webkit-outer-spin-button,
.apple-dial-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.apple-dial-input:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.15);
}

.apple-dial-input:focus {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(170, 247, 0, 0.5);
}

.apple-dial-label {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.apple-dial-steppers {
  display: flex;
  gap: 8px;
  margin-top: 4px;
  align-items: center;
  justify-content: center;
}

.apple-mini-step {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #ffffff;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  cursor: pointer;
  transition: all 0.14s ease;
  box-sizing: border-box !important;
  outline: none !important;
}

.apple-mini-step svg {
  width: 16px !important;
  height: 16px !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
  flex-shrink: 0 !important;
}

.apple-mini-step:active {
  transform: scale(0.92);
  background: rgba(255, 255, 255, 0.18);
}

.apple-dial-divider {
  font-family: var(--font-clock);
  font-size: 2.8rem;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.4);
  margin-top: -30px;
}

.apple-timer-presets-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  max-width: 380px;
  margin-bottom: 12px;
}

.apple-preset-pill {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9999px;
  padding: 7px 15px;
  font-family: var(--font-sans);
  font-size: 0.84rem;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.16s ease;
  font-variant-numeric: tabular-nums lining-nums;
}

.apple-preset-pill:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.24);
}

.apple-preset-pill.active {
  background: #ffffff;
  color: #000000;
  border-color: #ffffff;
  font-weight: 600;
}

/* Running Radial Ring */
.apple-radial-stage {
  position: relative;
  width: 260px;
  height: 260px;
  margin: 12px auto 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.apple-radial-svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.apple-ring-track {
  stroke: rgba(255, 255, 255, 0.08);
  stroke-width: 4px;
  fill: none;
}

.apple-ring-fill {
  stroke: #ff9f0a;
  stroke-width: 4px;
  fill: none;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.4s linear;
}

.apple-radial-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.apple-countdown-digits {
  font-family: var(--font-clock);
  font-size: clamp(2.8rem, 11vw, 4.2rem);
  font-weight: 300;
  line-height: 1;
  color: #ffffff;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.apple-countdown-sub {
  font-size: 0.80rem;
  color: var(--text-muted);
  margin-top: 6px;
  font-weight: 500;
  font-variant-numeric: tabular-nums lining-nums;
}

.apple-quick-adjust-row {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.apple-adjust-pill {
  background: var(--liquid-glass-bg);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 9999px;
  padding: 6px 14px;
  font-family: var(--font-sans);
  font-size: 0.82rem;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.15s ease;
  box-shadow: var(--liquid-glass-shadow);
  outline: none;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.apple-adjust-pill:active {
  transform: scale(0.94);
  background: var(--liquid-glass-bg-active);
}

/* ==========================================================================
   3. Apple Avanzado (Clean, Visual Stories-Style Timeline, Cero Clutter)
   ========================================================================== */
.apple-advanced-gallery {
  width: 100%;
}

.apple-player-view {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.apple-player-nav {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin-bottom: 24px;
  gap: 12px;
}

.apple-player-nav > :first-child {
  justify-self: start;
}

.apple-player-title {
  justify-self: center;
  text-align: center;
  font-family: var(--font-sans);
  font-size: 1.05rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}

.apple-player-block-num {
  justify-self: end;
  text-align: right;
  font-family: var(--font-sans);
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-muted);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Stories-Style Segmented Bar with Dynamic Fill */
.apple-stories-track {
  display: flex;
  gap: 6px;
  width: 100%;
  height: 6px;
  margin-bottom: 24px;
  align-items: center;
}

.stories-segment {
  position: relative;
  height: 6px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.14);
  cursor: pointer;
  overflow: hidden;
  transition: background 0.2s ease, opacity 0.2s ease;
}

.stories-segment:hover {
  background: rgba(255, 255, 255, 0.22);
}

.stories-segment-fill {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  border-radius: 9999px;
  width: 0%;
  transition: width 0.25s linear;
}

.stories-segment-fill.work {
  background: #aaf700;
  box-shadow: none;
}

.stories-segment-fill.break {
  background: #ff9f0a;
  box-shadow: none;
}

.apple-block-pill-wrap {
  margin-bottom: 8px;
}

.apple-block-indicator-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 9999px;
  padding: 6px 16px;
  font-size: 0.84rem;
  font-weight: 600;
  color: #ffffff;
}

.apple-block-indicator-pill.work {
  border-color: rgba(170, 247, 0, 0.35);
  color: #aaf700;
}

.apple-block-indicator-pill.break {
  border-color: rgba(255, 159, 10, 0.35);
  color: #ff9f0a;
}

.apple-player-time-wrap {
  margin: 12px 0 28px;
  user-select: none;
}

.apple-player-digits {
  font-family: var(--font-clock);
  font-size: clamp(3.8rem, 16vw, 6.2rem);
  font-weight: 300;
  line-height: 1;
  color: #ffffff;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.apple-player-controls-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  width: 100%;
}

.apple-player-side-btn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.16s ease;
}

.apple-player-side-btn:active:not(:disabled) {
  transform: scale(0.92);
  background: rgba(255, 255, 255, 0.16);
}

.apple-player-side-btn:disabled {
  opacity: 0.3;
  cursor: default;
}

/* Builder adjustments */
.apple-builder-view {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

/* ==========================================================================
   4. Floating Mini-Player (Persistent Background Widget)
   ========================================================================== */
.os-clock-floating-widget {
  position: fixed;
  z-index: 9999;
  pointer-events: auto;
}

.clock-pip-desktop {
  display: none;
}

@media (min-width: 769px) {
  .clock-pip-desktop {
    display: flex;
    align-items: center;
    gap: 14px;
    position: fixed;
    bottom: 24px;
    right: 28px;
    background: rgba(18, 18, 22, 0.88);
    backdrop-filter: blur(28px) saturate(190%);
    -webkit-backdrop-filter: blur(28px) saturate(190%);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-top: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 20px;
    padding: 10px 16px;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.45);
    cursor: grab;
    touch-action: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease;
  }

  .clock-pip-desktop:hover {
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.55);
  }

  .clock-pip-desktop:active {
    cursor: grabbing;
  }

  .clock-pip-mobile {
    display: none !important;
  }
}

.pip-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.pip-status-dot.running {
  background: #aaf700;
  box-shadow: 0 0 10px #aaf700;
  animation: pipPulse 1.8s infinite ease-in-out;
}

.pip-status-dot.paused {
  background: #ff9f0a;
}

@keyframes pipPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.85); }
}

.pip-info-col {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.pip-title-text {
  font-size: 0.70rem;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pip-time-digits {
  font-family: var(--font-clock);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.pip-actions-col {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 6px;
}

.pip-btn {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.15s ease;
}

.pip-btn:hover {
  background: rgba(255, 255, 255, 0.20);
}

.pip-btn.reset {
  background: transparent;
  border-color: transparent;
  color: var(--text-muted);
}

.pip-btn.reset:hover {
  color: #ffffff;
}

/* Mobile Dynamic Island Mini-Pill */
.clock-pip-mobile {
  display: flex;
  align-items: center;
  gap: 9px;
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + 8px);
  left: 50%;
  transform: translateX(-50%);
  background: rgba(12, 12, 14, 0.94);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.20);
  border-radius: 9999px;
  padding: 5px 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
  cursor: grab;
  touch-action: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  height: 34px;
  z-index: 9999;
}

.clock-pip-mobile:active {
  cursor: grabbing;
}

.clock-pip-desktop.is-dragging,
.clock-pip-mobile.is-dragging {
  cursor: grabbing !important;
  transition: none !important;
  transform: scale(1.04) !important;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.65) !important;
  z-index: 10000 !important;
}

.clock-pip-desktop.is-snapping,
.clock-pip-mobile.is-snapping {
  transition: left 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
              top 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
              transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 0.35s ease !important;
}

@media (max-width: 768px) {
  .clock-pip-desktop {
    display: none !important;
  }
}

.pip-mobile-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

.pip-mobile-dot.running {
  background: #aaf700;
  box-shadow: 0 0 8px #aaf700;
  animation: pipPulse 1.8s infinite ease-in-out;
}

.pip-mobile-dot.paused {
  background: #ff9f0a;
}

.pip-mobile-time {
  font-family: var(--font-clock);
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.pip-mobile-action {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  border: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 2px;
}

/* Light Theme Overrides (Minimalist Apple Light Mode) */
[data-theme="minimal"] .stopwatch-time-main,
[data-theme="minimal"] .apple-countdown-digits,
[data-theme="minimal"] .apple-dial-num,
[data-theme="minimal"] .apple-player-digits,
[data-theme="minimal"] .apple-player-title,
[data-theme="minimal"] .pip-time-digits {
  color: #000000 !important;
  text-shadow: none !important;
}

[data-theme="minimal"] .stopwatch-time-centis {
  color: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="minimal"] .apple-lap-row {
  color: #1f2937;
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

[data-theme="minimal"] .apple-ring-track {
  stroke: rgba(0, 0, 0, 0.08);
}

[data-theme="minimal"] .apple-preset-pill {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.08);
  color: #1f2937;
}

[data-theme="minimal"] .apple-preset-pill.active {
  background: #000000;
  color: #ffffff;
  border-color: #000000;
}

[data-theme="minimal"] .apple-clock-btn.gray {
  background: rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.12);
  color: #000000;
}

[data-theme="minimal"] .apple-mini-step {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.10);
  color: #000000;
}

[data-theme="minimal"] .clock-pip-desktop {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(0, 0, 0, 0.12);
  border-top-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
}

[data-theme="minimal"] .pip-btn {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.08);
  color: #000000;
}

[data-theme="minimal"] .clock-pip-mobile {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.14);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

[data-theme="minimal"] .pip-mobile-time {
  color: #000000;
}

[data-theme="minimal"] .pip-mobile-action {
  background: rgba(0, 0, 0, 0.08);
  color: #000000;
}

[data-theme="minimal"] .clock-stage-card {
  background: var(--liquid-glass-bg);
  border: var(--liquid-glass-border);
  box-shadow: var(--liquid-glass-shadow);
}

[data-theme="minimal"] .clock-liquid-btn.primary-start {
  background: #000000;
  color: #ffffff;
  border-color: #000000;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.20);
}

[data-theme="minimal"] .clock-liquid-btn.secondary-neutral {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.12);
  color: #000000;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

[data-theme="minimal"] .stories-segment {
  background: rgba(0, 0, 0, 0.08);
}

[data-theme="minimal"] .stories-segment-fill.work {
  background: #000000;
  box-shadow: none;
}

[data-theme="minimal"] .apple-dial-input {
  color: #000000;
}

[data-theme="minimal"] .apple-dial-input:hover {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.12);
}

[data-theme="minimal"] .apple-dial-input:focus {
  background: rgba(0, 0, 0, 0.06);
  border-color: #000000;
}

[data-theme="minimal"] .builder-header-title {
  color: #000000;
}

[data-theme="minimal"] .builder-nav-btn {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.10);
  color: #000000;
}

[data-theme="minimal"] .builder-save-pill {
  background: #000000 !important;
  color: #ffffff !important;
}

[data-theme="minimal"] .builder-grouped-card {
  background: rgba(0, 0, 0, 0.03);
  border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="minimal"] .builder-field-input {
  color: #000000;
}

[data-theme="minimal"] .builder-field-input::placeholder {
  color: rgba(0, 0, 0, 0.35);
}

[data-theme="minimal"] .builder-field-divider {
  background: rgba(0, 0, 0, 0.06);
}

[data-theme="minimal"] .builder-field-select {
  color: #000000;
}

[data-theme="minimal"] .builder-field-select option {
  background: #ffffff;
  color: #000000;
}

[data-theme="minimal"] .builder-sec-stats {
  color: #000000;
}

[data-theme="minimal"] .builder-preview-strip {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.10);
}

[data-theme="minimal"] .builder-preview-segment.work {
  background: #000000;
  color: #ffffff;
}

[data-theme="minimal"] .builder-add-block-btn.work {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.14);
  color: #000000;
}

[data-theme="minimal"] .builder-add-block-btn.break {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.10);
  color: #666666;
}

[data-theme="minimal"] .builder-block-card {
  background: rgba(0, 0, 0, 0.02);
  border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="minimal"] .builder-block-card.work {
  border-left-color: #000000;
}

[data-theme="minimal"] .builder-type-pill.work {
  background: rgba(0, 0, 0, 0.08);
  color: #000000;
}

[data-theme="minimal"] .builder-stepper-box {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.08);
}

[data-theme="minimal"] .builder-step-btn {
  color: #000000;
}

[data-theme="minimal"] .builder-num-input {
  color: #000000;
}

[data-theme="minimal"] .builder-preset-chip {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.08);
  color: #000000;
}

[data-theme="minimal"] .builder-preset-chip.active {
  background: #000000;
  color: #ffffff;
  border-color: #000000;
}

/* ==========================================================================
   RICH EDITOR TABLES & JOURNAL TEMPLATES (APPLE HIG NATIVE)
   ========================================================================== */

/* --- Rich Editor Tables (Liquid Glass & Anti-Corner-Clipping HIG) --- */
.mnml-table-wrapper {
  margin: 6px 0 10px !important;
  width: 100%;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 12px 12px 8px 8px;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  box-shadow: var(--liquid-glass-shadow);
  overflow: hidden;
  box-sizing: border-box;
  white-space: normal !important;
  line-height: normal !important;
}

.mnml-table-header-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  padding: 4px 8px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  margin: 0 !important;
  min-height: 32px;
  box-sizing: border-box;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-touch-callout: none !important;
}

.mnml-table-toolbar {
  display: none;
  align-items: center;
  gap: 4px;
  flex: 1 1 auto;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  line-height: 0 !important;
  box-sizing: border-box;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-touch-callout: none !important;
}

.mnml-table-toolbar::-webkit-scrollbar {
  display: none;
}

.mnml-table-wrapper.is-toolbar-open .mnml-table-toolbar {
  display: flex !important;
}

.mnml-table-toolbar-sep {
  display: block;
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.12);
  margin: 0 2px;
  flex-shrink: 0;
  pointer-events: none;
}

.mnml-table-btn {
  -webkit-appearance: none !important;
  appearance: none !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  color: var(--text-white);
  cursor: pointer;
  transition: all 0.15s ease;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-touch-callout: none !important;
  touch-action: manipulation;
  flex-shrink: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.mnml-table-btn:hover,
.mnml-table-btn:active {
  background: rgba(255, 255, 255, 0.16);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}

.mnml-table-btn-danger {
  color: #ff453a;
  background: rgba(255, 69, 58, 0.12);
  border-color: rgba(255, 69, 58, 0.25);
  border-top-color: rgba(255, 69, 58, 0.38);
}

.mnml-table-btn-danger:hover,
.mnml-table-btn-danger:active {
  background: rgba(255, 69, 58, 0.24);
  color: #ff453a;
  border-color: rgba(255, 69, 58, 0.45);
}

.mnml-table-btn svg {
  display: block !important;
  margin: 0 !important;
  pointer-events: none !important;
}

.mnml-table-toggle-btn {
  -webkit-appearance: none !important;
  appearance: none !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-left: auto !important;
  line-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--text-muted, rgba(255, 255, 255, 0.7));
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
  align-self: center;
  user-select: none !important;
  -webkit-user-select: none !important;
  -webkit-touch-callout: none !important;
  touch-action: manipulation;
}

.mnml-table-toggle-btn:hover,
.mnml-table-toggle-btn:active {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.26);
}

.mnml-table-wrapper.is-toolbar-open .mnml-table-toggle-btn {
  background: rgba(255, 255, 255, 0.11);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.22);
}

.mnml-table-toggle-btn svg {
  display: block !important;
  margin: 0 !important;
  pointer-events: none !important;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.mnml-table-wrapper.is-toolbar-open .mnml-table-toggle-btn svg {
  transform: rotate(180deg);
}

.journal-template-preview-sheet .mnml-table-header-bar,
.note-template-preview-sheet .mnml-table-header-bar,
.journal-tmpl-preview-content-scroll .mnml-table-header-bar,
.note-tmpl-preview-content-scroll .mnml-table-header-bar {
  display: none !important;
}

/* Mobile responsive single-line layout for table controls */
@media (max-width: 600px) {
  .mnml-table-header-bar {
    padding: 3px 6px !important;
    gap: 3px;
    min-height: 30px;
  }
  .mnml-table-toolbar {
    gap: 3px;
  }
  .mnml-table-btn {
    width: 25px;
    height: 25px;
  }
  .mnml-table-toggle-btn {
    width: 25px;
    height: 25px;
  }
}

.mnml-table-scroll {
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  line-height: normal !important;
  font-size: 0 !important;
  white-space: normal !important;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

.mnml-table-scroll::-webkit-scrollbar {
  height: 3px;
}

.mnml-table-scroll::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
}

.mnml-table-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}

.mnml-editor-table {
  width: 100%;
  min-width: 100%;
  border-collapse: collapse;
  font-family: var(--font-sans);
  font-size: 0.88rem !important;
  line-height: 1.35 !important;
  color: var(--text-white);
  text-align: left;
  margin: 0 !important;
  border-spacing: 0 !important;
  white-space: normal !important;
  table-layout: auto;
}

.mnml-editor-table th,
.mnml-editor-table td {
  min-width: 105px !important;
  box-sizing: border-box;
}

.mnml-editor-table th {
  background: rgba(255, 255, 255, 0.04);
  font-weight: 600;
  color: var(--text-white);
  padding: 7px 11px !important;
  font-size: 0.82rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  outline: none;
  user-select: text;
  -webkit-user-select: text;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

.mnml-editor-table td {
  padding: 6px 11px !important;
  font-size: 0.84rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  outline: none;
  line-height: 1.35 !important;
  user-select: text;
  -webkit-user-select: text;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* Generous edge padding to protect typing area from corner curvature */
.mnml-editor-table th:first-child,
.mnml-editor-table td:first-child {
  padding-left: 14px !important;
}

.mnml-editor-table th:last-child,
.mnml-editor-table td:last-child {
  border-right: none;
  padding-right: 14px !important;
}

.mnml-editor-table tbody tr:last-child td {
  padding-bottom: 9px !important;
  border-bottom: none;
}

/* Corner cell radii for focus outline alignment */
.mnml-editor-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}

.mnml-editor-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.mnml-editor-table th:focus,
.mnml-editor-table td:focus,
.mnml-editor-table th.is-active-cell,
.mnml-editor-table td.is-active-cell {
  background: rgba(170, 247, 0, 0.08);
  box-shadow: inset 0 0 0 1.5px rgba(170, 247, 0, 0.6);
}

[data-theme="minimal"] .mnml-editor-table th:focus,
[data-theme="minimal"] .mnml-editor-table td:focus,
[data-theme="minimal"] .mnml-editor-table th.is-active-cell,
[data-theme="minimal"] .mnml-editor-table td.is-active-cell {
  background: rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 0 0 1.5px rgba(0, 0, 0, 0.25);
}

/* Prevent slash placeholder from rendering on table cells */
.mnml-editor-table th::before,
.mnml-editor-table td::before,
.mnml-editor-table th.is-empty-focused::before,
.mnml-editor-table td.is-empty-focused::before,
.mnml-table-wrapper::before,
.mnml-table-wrapper.is-empty-focused::before {
  display: none !important;
  content: none !important;
}

/* --- Journal Templates Quick Hint Bar (Liquid Glass Aesthetic) --- */
.journal-template-hint-bar {
  margin-bottom: 14px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: 1px solid var(--border-card);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.journal-template-hint-text {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.journal-template-chips-scroll {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 5px 3px 7px 3px;
}

.journal-template-chip {
  appearance: none;
  -webkit-appearance: none;
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  border-radius: 9999px;
  box-shadow: var(--liquid-glass-shadow);
  color: var(--text-white);
  font-family: var(--font-sans);
  font-size: 0.76rem;
  font-weight: 600;
  padding: 5px 13px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  line-height: 1.25;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  -webkit-user-select: none;
  box-sizing: border-box;
}

@media (hover: hover) {
  .journal-template-chip:hover {
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.32);
    border-top-color: rgba(255, 255, 255, 0.55);
    box-shadow: var(--liquid-glass-shadow-hover);
    color: #ffffff;
  }
}

.journal-template-chip:active {
  background: var(--liquid-glass-bg-active);
  box-shadow: var(--liquid-glass-shadow-active);
  transform: scale(0.97);
}

.journal-template-chip.secondary {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--border-card);
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  color: var(--text-muted);
  box-shadow: none;
}

@media (hover: hover) {
  .journal-template-chip.secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.25);
    color: var(--text-white);
  }
}

/* --- Journal & Notes Templates Modal Sheet & Cards --- */
.journal-templates-sheet,
.note-templates-sheet,
.journal-template-preview-sheet,
.note-template-preview-sheet,
.journal-template-editor-sheet,
.note-template-editor-sheet {
  background: rgba(14, 14, 18, 0.92);
  backdrop-filter: blur(36px) saturate(190%);
  -webkit-backdrop-filter: blur(36px) saturate(190%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid var(--glass-rim-strong);
  border-radius: 24px;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.85), inset 0 1px 1.5px rgba(255, 255, 255, 0.20);
  padding: 22px;
  position: relative;
  overflow: hidden;
}

.journal-templates-sheet-header,
.note-templates-sheet-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  margin-bottom: 16px;
}

.journal-templates-list-wrap,
.note-templates-list-wrap {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
  padding-right: 4px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.08) transparent;
}

.journal-templates-list-wrap::-webkit-scrollbar,
.note-templates-list-wrap::-webkit-scrollbar {
  width: 4px;
}

.journal-templates-list-wrap::-webkit-scrollbar-track,
.note-templates-list-wrap::-webkit-scrollbar-track {
  background: transparent;
}

.journal-templates-list-wrap::-webkit-scrollbar-thumb,
.note-templates-list-wrap::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 9999px;
  box-shadow: none !important;
}

.journal-templates-list-wrap::-webkit-scrollbar-thumb:hover,
.note-templates-list-wrap::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.16);
}

/* Zero glow on mobile / touch screens: eliminate custom bright scrollbars completely */
@media (max-width: 768px) {
  .journal-templates-list-wrap,
  .note-templates-list-wrap {
    padding-right: 0 !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  .journal-templates-list-wrap::-webkit-scrollbar,
  .note-templates-list-wrap::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}

.journal-tmpl-card,
.note-tmpl-card {
  background: rgba(0, 0, 0, 0.40);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 16px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  position: relative;
  transition: all 0.20s cubic-bezier(0.16, 1, 0.3, 1);
}

.journal-tmpl-card:hover,
.note-tmpl-card:hover {
  background: rgba(0, 0, 0, 0.48);
  border-color: rgba(255, 255, 255, 0.14);
  border-top-color: rgba(255, 255, 255, 0.30);
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.50);
  transform: translateY(-1px);
}

.journal-tmpl-card-header,
.note-tmpl-card-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.journal-tmpl-icon-wrap,
.note-tmpl-icon-wrap {
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: rgba(170, 247, 0, 0.10);
  border: 1px solid rgba(170, 247, 0, 0.28);
  border-top: 1px solid rgba(170, 247, 0, 0.55);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  color: var(--mnml-orange);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}

.journal-tmpl-info,
.note-tmpl-info {
  flex: 1;
  min-width: 0;
}

.journal-tmpl-title-row,
.note-tmpl-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.journal-tmpl-name,
.note-tmpl-name {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text-white);
  letter-spacing: -0.01em;
}

.journal-tmpl-badge,
.note-tmpl-badge {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 2px 7px;
  border-radius: 6px;
  line-height: 1.2;
}

.journal-tmpl-badge.system,
.note-tmpl-badge.system {
  background: rgba(170, 247, 0, 0.12);
  border: 1px solid rgba(170, 247, 0, 0.28);
  border-top: 1px solid rgba(170, 247, 0, 0.45);
  color: var(--mnml-orange);
}

.journal-tmpl-badge.custom,
.note-tmpl-badge.custom {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-top: 1px solid var(--glass-rim);
  color: var(--text-muted);
}

.journal-tmpl-desc,
.note-tmpl-desc {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.65);
  margin-top: 3px;
  line-height: 1.4;
}

.journal-tmpl-actions,
.note-tmpl-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: nowrap;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.tmpl-actions-group-left {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

/* Authentic Dark Apple Liquid Glass Icon Button (Pencil) */
.tmpl-action-icon-btn {
  -webkit-appearance: none;
  appearance: none;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  width: 30px;
  height: 30px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  color: #ffffff;
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  flex-shrink: 0;
}

.tmpl-action-icon-btn:hover {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.24);
  border-top-color: rgba(255, 255, 255, 0.45);
  color: #ffffff;
  transform: translateY(-1px);
}

.tmpl-action-icon-btn:active {
  transform: translateY(0.5px) scale(0.96);
}

.tmpl-action-icon-btn svg,
.tmpl-action-icon-btn .mnml-svg-icon {
  display: block !important;
  margin: 0 !important;
  pointer-events: none;
  flex-shrink: 0;
}

/* Destructive Trash Button (Papelera) Liquid Glass */
.tmpl-action-icon-btn.journal-tmpl-del-btn,
.tmpl-action-icon-btn.note-tmpl-del-btn {
  color: #ff453a !important;
  background: rgba(255, 69, 58, 0.12) !important;
  border: 1px solid rgba(255, 69, 58, 0.28) !important;
  border-top: 1px solid rgba(255, 69, 58, 0.60) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

.tmpl-action-icon-btn.journal-tmpl-del-btn::before,
.tmpl-action-icon-btn.note-tmpl-del-btn::before {
  display: none !important;
}

.tmpl-action-icon-btn.journal-tmpl-del-btn:hover,
.tmpl-action-icon-btn.note-tmpl-del-btn:hover {
  background: rgba(255, 69, 58, 0.24) !important;
  border-color: rgba(255, 69, 58, 0.55) !important;
  border-top-color: rgba(255, 120, 110, 0.85) !important;
  color: #ff6961 !important;
  box-shadow: 0 4px 14px rgba(255, 69, 58, 0.35) !important;
  transform: translateY(-1px) scale(1.04);
}

/* Liquid Glass Preview ("Ver") Button */
.tmpl-action-text-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  height: 30px !important;
  padding: 0 10px !important;
  border-radius: 9px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  background: rgba(255, 255, 255, 0.06) !important;
  backdrop-filter: blur(14px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.10) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.30) !important;
  color: var(--text-white) !important;
  position: relative;
  overflow: hidden;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.tmpl-action-text-btn::before {
  display: none !important;
}

.tmpl-action-text-btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.20) !important;
  border-top-color: rgba(255, 255, 255, 0.40) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
  color: #ffffff !important;
  transform: translateY(-1px) scale(1.03) !important;
}

.tmpl-action-text-btn:active {
  transform: translateY(0.5px) scale(0.97) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.tmpl-action-text-btn svg,
.tmpl-action-text-btn .mnml-svg-icon {
  display: block !important;
  margin: 0 !important;
  pointer-events: none;
  flex-shrink: 0;
}

/* Liquid Glass Use Template Button (Primary Accent) */
.journal-tmpl-use-btn,
.note-tmpl-use-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  padding: 0 13px !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  border-radius: 9px !important;
  margin-left: auto !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  background: var(--liquid-glass-accent-bg) !important;
  backdrop-filter: blur(14px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(180%) !important;
  border: var(--liquid-glass-accent-border) !important;
  border-top: 1px solid var(--glass-rim-accent, rgba(255, 255, 255, 0.65)) !important;
  box-shadow: var(--liquid-glass-accent-shadow) !important;
  color: #000000 !important;
  position: relative;
  overflow: hidden;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.journal-tmpl-use-btn::before,
.note-tmpl-use-btn::before {
  display: none !important;
}

.journal-tmpl-use-btn:hover,
.note-tmpl-use-btn:hover {
  background: var(--liquid-glass-accent-bg-hover, #bef933) !important;
  box-shadow: 0 4px 18px rgba(170, 247, 0, 0.40), inset 0 1px 2px rgba(255, 255, 255, 0.85) !important;
  transform: translateY(-1px) scale(1.03) !important;
}

.journal-tmpl-use-btn:active,
.note-tmpl-use-btn:active {
  transform: translateY(0.5px) scale(0.97) !important;
}

.journal-tmpl-preview-box {
  margin-top: 8px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-top: 1px solid var(--glass-rim);
  border-radius: 10px;
  padding: 10px 12px;
  max-height: 160px;
  overflow-y: auto;
}

.journal-tmpl-preview-text {
  font-family: var(--font-sans);
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.70);
  white-space: pre-wrap;
  word-break: break-word;
  line-height: 1.45;
  margin: 0;
}

/* --- Template Icon Choice in Creator --- */
.tmpl-icon-selector {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  padding: 4px 3px;
  box-sizing: border-box;
}

.tmpl-icon-choice {
  -webkit-appearance: none;
  appearance: none;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
  color: var(--text-muted);
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  cursor: pointer;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center center;
}

.tmpl-icon-choice svg {
  display: block !important;
  margin: 0 !important;
  pointer-events: none;
}

.tmpl-icon-choice:hover,
.tmpl-icon-choice.selected {
  background: linear-gradient(135deg, rgba(170, 247, 0, 0.22) 0%, rgba(170, 247, 0, 0.06) 100%), rgba(170, 247, 0, 0.10);
  border-color: var(--mnml-orange);
  border-top-color: rgba(255, 255, 255, 0.65);
  box-shadow: 0 3px 12px rgba(170, 247, 0, 0.25), inset 0 1px 1.5px rgba(255, 255, 255, 0.45);
  color: var(--mnml-orange);
  transform: scale(1.05);
}

/* Light Theme Adaptations */
[data-theme="minimal"] .journal-templates-sheet,
[data-theme="minimal"] .note-templates-sheet,
[data-theme="minimal"] .journal-template-preview-sheet,
[data-theme="minimal"] .note-template-preview-sheet,
[data-theme="minimal"] .journal-template-editor-sheet,
[data-theme="minimal"] .note-template-editor-sheet {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.78) 100%) !important;
  backdrop-filter: blur(30px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(30px) saturate(200%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.12), inset 0 1px 2px #ffffff !important;
  color: #000000 !important;
}

[data-theme="minimal"] .journal-templates-sheet::before,
[data-theme="minimal"] .note-templates-sheet::before,
[data-theme="minimal"] .journal-template-preview-sheet::before,
[data-theme="minimal"] .note-template-preview-sheet::before,
[data-theme="minimal"] .journal-template-editor-sheet::before,
[data-theme="minimal"] .note-template-editor-sheet::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, transparent 100%) !important;
}

[data-theme="minimal"] .journal-templates-sheet-header,
[data-theme="minimal"] .note-templates-sheet-header {
  border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="minimal"] .journal-templates-list-wrap::-webkit-scrollbar-thumb,
[data-theme="minimal"] .note-templates-list-wrap::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .journal-tmpl-card,
[data-theme="minimal"] .note-tmpl-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.45) 100%) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-top: 1.5px solid #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05), inset 0 1px 1.5px #ffffff !important;
}

[data-theme="minimal"] .journal-tmpl-card::before,
[data-theme="minimal"] .note-tmpl-card::before {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, transparent 100%) !important;
}

[data-theme="minimal"] .journal-tmpl-card:hover,
[data-theme="minimal"] .note-tmpl-card:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.70) 100%) !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
  border-top-color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), inset 0 1px 2px #ffffff !important;
}

[data-theme="minimal"] .journal-tmpl-icon-wrap,
[data-theme="minimal"] .note-tmpl-icon-wrap {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0.02) 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  border-top: 1px solid #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04), inset 0 1px 1px #ffffff !important;
}

[data-theme="minimal"] .journal-tmpl-name,
[data-theme="minimal"] .note-tmpl-name {
  color: #000000 !important;
}

[data-theme="minimal"] .journal-tmpl-desc,
[data-theme="minimal"] .note-tmpl-desc {
  color: #6e6e73 !important;
}

[data-theme="minimal"] .journal-tmpl-actions,
[data-theme="minimal"] .note-tmpl-actions {
  border-top-color: rgba(0, 0, 0, 0.06) !important;
}

[data-theme="minimal"] .tmpl-action-icon-btn,
[data-theme="minimal"] .tmpl-action-text-btn {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.50) 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  border-top: 1.5px solid #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), inset 0 1px 1px #ffffff !important;
}

[data-theme="minimal"] .tmpl-action-icon-btn:hover,
[data-theme="minimal"] .tmpl-action-text-btn:hover {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.18) !important;
  color: #000000 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), inset 0 1px 1px #ffffff !important;
}

[data-theme="minimal"] .tmpl-action-icon-btn.journal-tmpl-del-btn,
[data-theme="minimal"] .tmpl-action-icon-btn.note-tmpl-del-btn {
  background: linear-gradient(135deg, rgba(255, 69, 58, 0.12) 0%, rgba(255, 69, 58, 0.04) 100%) !important;
  border: 1px solid rgba(255, 69, 58, 0.25) !important;
  border-top: 1.5px solid #ffffff !important;
  color: #d70015 !important;
}

[data-theme="minimal"] .tmpl-action-icon-btn.journal-tmpl-del-btn:hover,
[data-theme="minimal"] .tmpl-action-icon-btn.note-tmpl-del-btn:hover {
  background: rgba(255, 69, 58, 0.20) !important;
  border-color: rgba(255, 69, 58, 0.45) !important;
  color: #d70015 !important;
}

[data-theme="minimal"] .journal-tmpl-use-btn,
[data-theme="minimal"] .note-tmpl-use-btn {
  background: #000000 !important;
  border: 1px solid #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="minimal"] .journal-tmpl-use-btn:hover,
[data-theme="minimal"] .note-tmpl-use-btn:hover {
  background: #2c2c2e !important;
  border-color: #2c2c2e !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22) !important;
}

[data-theme="minimal"] .tmpl-icon-choice {
  background: rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.10) !important;
  border-top-color: #ffffff !important;
  color: #6e6e73 !important;
}

[data-theme="minimal"] .tmpl-icon-choice:hover,
[data-theme="minimal"] .tmpl-icon-choice.selected {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: #000000 !important;
  color: #000000 !important;
}

[data-theme="minimal"] .journal-tmpl-preview-content-scroll,
[data-theme="minimal"] .note-tmpl-preview-content-scroll {
  background: rgba(255, 255, 255, 0.5) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
}

.journal-tmpl-preview-content-scroll,
.note-tmpl-preview-content-scroll {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  max-height: 68vh;
  padding: 10px 14px;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid var(--border-card);
  border-radius: 14px;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.journal-tmpl-preview-content-scroll .note-editor-wrapper,
.note-tmpl-preview-content-scroll .note-editor-wrapper {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Template Preview Tables: Independent fluid horizontal scrolling */
.journal-tmpl-preview-content-scroll .mnml-table-wrapper,
.note-tmpl-preview-content-scroll .mnml-table-wrapper {
  margin: 10px 0 14px !important;
  border-radius: 12px !important;
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.journal-tmpl-preview-content-scroll .mnml-table-scroll,
.note-tmpl-preview-content-scroll .mnml-table-scroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-x pan-y !important;
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  overscroll-behavior-x: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 255, 255, 0.10) transparent !important;
}

.journal-tmpl-preview-content-scroll .mnml-table-scroll::-webkit-scrollbar,
.note-tmpl-preview-content-scroll .mnml-table-scroll::-webkit-scrollbar {
  height: 4px !important;
  display: block !important;
}

.journal-tmpl-preview-content-scroll .mnml-table-scroll::-webkit-scrollbar-track,
.note-tmpl-preview-content-scroll .mnml-table-scroll::-webkit-scrollbar-track {
  background: transparent !important;
}

.journal-tmpl-preview-content-scroll .mnml-table-scroll::-webkit-scrollbar-thumb,
.note-tmpl-preview-content-scroll .mnml-table-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.10) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.journal-tmpl-preview-content-scroll .mnml-table-scroll::-webkit-scrollbar-thumb:hover,
.note-tmpl-preview-content-scroll .mnml-table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.20) !important;
}

@media (max-width: 768px) {
  .journal-tmpl-preview-content-scroll .mnml-table-scroll {
    scrollbar-width: none !important;
  }
  .journal-tmpl-preview-content-scroll .mnml-table-scroll::-webkit-scrollbar,
  .note-tmpl-preview-content-scroll .mnml-table-scroll::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }
}

.journal-tmpl-preview-content-scroll .mnml-editor-table,
.note-tmpl-preview-content-scroll .mnml-editor-table {
  width: max-content !important;
  min-width: 100% !important;
  table-layout: auto !important;
  border-collapse: collapse !important;
  margin: 0 !important;
}

.journal-tmpl-preview-content-scroll .mnml-editor-table th,
.journal-tmpl-preview-content-scroll .mnml-editor-table td,
.note-tmpl-preview-content-scroll .mnml-editor-table th,
.note-tmpl-preview-content-scroll .mnml-editor-table td {
  cursor: default !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  min-width: 110px !important;
  box-sizing: border-box !important;
}

.journal-tmpl-preview-content-scroll .mnml-editor-table th:focus,
.journal-tmpl-preview-content-scroll .mnml-editor-table td:focus,
.note-tmpl-preview-content-scroll .mnml-editor-table th:focus,
.note-tmpl-preview-content-scroll .mnml-editor-table td:focus {
  outline: none !important;
  box-shadow: none !important;
}

@media (max-width: 600px) {
  .journal-template-preview-sheet,
  .note-template-preview-sheet {
    padding: 16px 12px !important;
    width: 95% !important;
    max-height: 90vh !important;
  }
  .journal-tmpl-preview-content-scroll,
  .note-tmpl-preview-content-scroll {
    padding: 8px 10px !important;
    max-height: 72vh !important;
  }
}

/* --- Template Editor Modal Anti-Overflow Fix --- */
.journal-template-editor-sheet,
.note-template-editor-sheet {
  overflow-x: hidden !important;
}

.journal-template-editor-sheet > div,
.note-template-editor-sheet > div {
  overflow-x: hidden !important;
}

#tmplGoEditContentBtn {
  box-sizing: border-box !important;
  max-width: 100% !important;
  width: 100% !important;
}

@media (hover: hover) {
  #tmplGoEditContentBtn:hover {
    transform: none !important;
    background: var(--liquid-glass-bg-hover);
    border-color: rgba(255, 255, 255, 0.28);
    box-shadow: var(--liquid-glass-shadow-hover);
    color: #ffffff;
  }
}

/* ==========================================================================
   Strava-Style Streak & Habit Sharing Modal (Apple Liquid Glass Native)
   ========================================================================== */

.streak-share-overlay {
  position: fixed;
  inset: 0;
  z-index: 10500;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(28px) saturate(180%);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.24s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.24s;
}

.streak-share-overlay.active {
  opacity: 1;
  visibility: visible;
}

.streak-share-modal {
  width: 100%;
  max-width: 860px;
  max-height: 92vh;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background: var(--liquid-glass-bg, rgba(22, 22, 26, 0.78));
  backdrop-filter: var(--liquid-glass-blur, blur(40px) saturate(190%));
  -webkit-backdrop-filter: var(--liquid-glass-blur, blur(40px) saturate(190%));
  border: var(--liquid-glass-border, 1px solid rgba(255, 255, 255, 0.12));
  border-top: 1px solid var(--glass-rim, rgba(255, 255, 255, 0.28));
  box-shadow: var(--liquid-glass-shadow, 0 32px 80px rgba(0, 0, 0, 0.8));
  border-radius: 22px;
  overflow: hidden;
  transform: scale(0.96) translateY(8px);
  transition: transform 0.26s cubic-bezier(0.16, 1, 0.3, 1);
}

.streak-share-overlay.active .streak-share-modal {
  transform: scale(1) translateY(0);
}

.streak-share-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  flex-shrink: 0;
}

.streak-share-header-left {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.streak-share-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #ff9f0a;
}

.streak-share-title {
  margin: 0;
  font-size: 1.12rem;
  font-weight: 700;
  color: #ffffff;
  font-family: var(--font-display);
  letter-spacing: -0.015em;
}

.streak-share-close-btn {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  cursor: pointer;
  transition: background 0.15s, transform 0.15s;
}

.streak-share-close-btn:hover {
  background: rgba(255, 255, 255, 0.16) !important;
}

.streak-share-body {
  display: grid;
  grid-template-columns: 310px 1fr;
  gap: 24px;
  padding: 20px 24px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* --- Left: Preview Pane --- */
.streak-share-preview-pane {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.streak-share-card-wrapper {
  width: 100%;
  max-width: 290px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.streak-share-card-wrapper.story {
  aspect-ratio: 9 / 16;
  max-height: 520px;
}

.streak-share-card-container {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: #000000;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-top: 1px solid var(--glass-rim-strong, rgba(255, 255, 255, 0.45));
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.75), inset 0 1px 1px rgba(255, 255, 255, 0.12);
}

.streak-card-render-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: none;
}

.streak-card-spinner {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.streak-spinner-circle {
  width: 28px;
  height: 28px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-top-color: #30d158;
  border-radius: 50%;
  animation: streakSpin 0.7s linear infinite;
}

@keyframes streakSpin {
  to { transform: rotate(360deg); }
}

.streak-preview-hint {
  font-size: 0.7rem;
  color: var(--text-muted, rgba(255, 255, 255, 0.45));
  text-align: center;
  line-height: 1.35;
  max-width: 260px;
}

/* --- Right: Controls Pane --- */
.streak-share-controls-pane {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.streak-control-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.streak-control-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.streak-control-label {
  font-size: 0.76rem;
  font-weight: 600;
  color: var(--text-gray, rgba(255, 255, 255, 0.7));
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.streak-control-val {
  font-size: 0.76rem;
  font-weight: 700;
  color: #ffffff;
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}

/* --- Custom Lima Liquid Glass Dropdown --- */
.streak-dropdown-container {
  position: relative;
  width: 100%;
}

.streak-custom-trigger {
  width: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 14px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 0.88rem !important;
  cursor: pointer;
  transition: all 0.16s ease;
  box-sizing: border-box;
}

.streak-custom-trigger:hover,
.streak-custom-trigger.open {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(170, 247, 0, 0.5) !important;
}

.streak-selected-text-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.streak-custom-menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  width: 100%;
  max-height: 260px;
  overflow-y: auto;
  background: rgba(18, 18, 22, 0.96) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  border-top: 1px solid var(--glass-rim, rgba(255, 255, 255, 0.35)) !important;
  border-radius: 14px !important;
  padding: 6px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.75) !important;
  z-index: 100;
  display: none;
  box-sizing: border-box;
}

.streak-custom-menu.show {
  display: block;
  animation: streakDropdownFade 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes streakDropdownFade {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.streak-dropdown-header {
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted, #8e8e93);
  padding: 6px 10px 4px;
}

.streak-dropdown-empty {
  font-size: 0.78rem;
  color: var(--text-muted);
  padding: 8px 10px;
}

.streak-custom-menu .custom-dropdown-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 10px !important;
  border-radius: 9px !important;
  font-size: 0.84rem !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}

.streak-custom-menu .custom-dropdown-item:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

.streak-custom-menu .custom-dropdown-item.selected {
  background: rgba(170, 247, 0, 0.12) !important;
  color: #aaf700 !important;
  font-weight: 600 !important;
}

.streak-dd-item-left {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.streak-dd-icon {
  font-size: 0.85rem;
  line-height: 1;
}

.streak-dd-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.streak-dd-streak-badge {
  font-size: 0.72rem;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--text-muted, #8e8e93);
  font-variant-numeric: tabular-nums lining-nums;
}

.streak-custom-menu .custom-dropdown-item.selected .streak-dd-streak-badge {
  background: rgba(170, 247, 0, 0.2);
  color: #aaf700;
}

.streak-dd-check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #aaf700;
  line-height: 0;
  flex-shrink: 0;
}

/* --- Checkerboard Pattern for Transparent Mode --- */
.streak-share-card-container.checkerboard {
  background: repeating-conic-gradient(#1c1c20 0% 25%, #0d0d10 0% 50%) 50% / 20px 20px !important;
}

.streak-text-action-btn {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 0.72rem;
  font-weight: 600;
  color: #ff453a;
  cursor: pointer;
}

.streak-text-action-btn:hover {
  text-decoration: underline;
}

.streak-color-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  flex-shrink: 0;
}

.streak-color-dot.lime {
  background: #aaf700;
  box-shadow: 0 0 8px #aaf700;
}

/* Switch Toggle (Apple iOS Style) */
.streak-switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 24px;
}

.streak-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.streak-switch-slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.16);
  border-radius: 24px;
  transition: 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.streak-switch-slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  transition: 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}

.streak-switch input:checked + .streak-switch-slider {
  background-color: #aaf700;
}

.streak-switch input:checked + .streak-switch-slider::before {
  transform: translateX(18px);
}

/* Actions Row */
.streak-actions-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  width: 100%;
  box-sizing: border-box;
}

.streak-primary-share-btn {
  flex: 1.35;
  min-width: 0;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 18px !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  white-space: nowrap !important;
  background: #aaf700 !important;
  color: #000000 !important;
  border: none !important;
  border-radius: var(--radius-pill, 9999px) !important;
  box-shadow: 0 4px 18px rgba(170, 247, 0, 0.35) !important;
  cursor: pointer;
  box-sizing: border-box !important;
  transition: transform 0.12s, box-shadow 0.15s, opacity 0.15s;
}

.streak-primary-share-btn:active {
  transform: scale(0.97);
}

.streak-primary-share-btn .streak-btn-icon svg {
  stroke: #000000 !important;
  color: #000000 !important;
  display: block !important;
  flex-shrink: 0;
}

.streak-action-icon-btn {
  flex: 1;
  min-width: 0;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 12px 14px !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  border-radius: var(--radius-pill, 9999px) !important;
  cursor: pointer;
  box-sizing: border-box !important;
}

.streak-action-icon-btn .streak-btn-icon svg {
  display: block !important;
  flex-shrink: 0;
}

.streak-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  flex-shrink: 0;
}

/* --- Slim Background Segmented Pills --- */
.streak-bg-segment-control {
  padding: 2px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 9999px !important;
}

.streak-bg-segment-control .ios-segment-btn {
  padding: 5px 8px !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  border-radius: 9999px !important;
}

.streak-bg-segment-control .ios-segment-btn.active {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35) !important;
}

/* --- Inline Modal Toast Indicator --- */
.streak-modal-inline-toast {
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: rgba(18, 18, 22, 0.95);
  backdrop-filter: blur(28px) saturate(190%);
  -webkit-backdrop-filter: blur(28px) saturate(190%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-top: 1px solid var(--glass-rim);
  color: #ffffff;
  padding: 9px 18px;
  border-radius: 9999px;
  font-size: 0.82rem;
  font-weight: 600;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.7);
  opacity: 0;
  pointer-events: none;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 200;
  display: flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}

.streak-modal-inline-toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* --- Inline Share Buttons in Habits / Stats / Projects --- */
.stats-habit-share-btn {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  border-radius: 50% !important;
  background: var(--liquid-glass-bg) !important;
  backdrop-filter: var(--liquid-glass-blur) !important;
  -webkit-backdrop-filter: var(--liquid-glass-blur) !important;
  border: var(--liquid-glass-border) !important;
  border-top: 1px solid var(--glass-rim) !important;
  box-shadow: var(--liquid-glass-shadow) !important;
  color: var(--mnml-orange) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  cursor: pointer;
  transition: all 0.16s ease;
}

.stats-habit-share-btn svg {
  display: block !important;
  margin: 0 !important;
  pointer-events: none;
  stroke: var(--mnml-orange) !important;
}

.stats-habit-share-btn:hover {
  background: var(--liquid-glass-bg-hover) !important;
  border-color: rgba(170, 247, 0, 0.40) !important;
  border-top-color: rgba(170, 247, 0, 0.60) !important;
  color: var(--mnml-orange) !important;
  transform: scale(1.08);
}

.stats-share-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 14px;
  border-radius: var(--radius-pill, 9999px);
  background: var(--liquid-glass-bg);
  backdrop-filter: var(--liquid-glass-blur);
  -webkit-backdrop-filter: var(--liquid-glass-blur);
  border: var(--liquid-glass-border);
  border-top: 1px solid var(--glass-rim);
  box-shadow: var(--liquid-glass-shadow);
  color: #ffffff;
  font-size: 0.76rem;
  font-weight: 600;
  cursor: pointer;
  font-family: var(--font-sans);
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
}

.stats-share-action-btn:hover {
  background: var(--liquid-glass-bg-hover);
  border-color: rgba(255, 255, 255, 0.28);
  border-top-color: rgba(255, 255, 255, 0.45);
  box-shadow: var(--liquid-glass-shadow-hover);
  color: #ffffff;
  transform: translateY(-1px) scale(1.02);
}

.stats-share-action-btn:active {
  background: var(--liquid-glass-bg-active);
  box-shadow: var(--liquid-glass-shadow-active);
  transform: translateY(1px) scale(0.97);
}

.stats-share-action-btn .mnml-svg-icon {
  stroke: var(--mnml-orange, #aaf700);
  color: var(--mnml-orange, #aaf700);
  flex-shrink: 0;
  display: block;
}

[data-theme="minimal"] .stats-share-action-btn {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.68) 0%, rgba(255, 255, 255, 0.30) 100%) !important;
  backdrop-filter: blur(25px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(25px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-top: 1.5px solid #ffffff !important;
  color: #000000 !important;
  box-shadow: 0 4px 14px -2px rgba(0, 0, 0, 0.05), inset 0 1.5px 1.5px 0 #ffffff !important;
}

[data-theme="minimal"] .stats-share-action-btn:hover {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.45) 100%) !important;
}

[data-theme="minimal"] .stats-share-action-btn .mnml-svg-icon {
  stroke: #000000 !important;
  color: #000000 !important;
}

.prj-share-streak-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: var(--radius-pill, 9999px);
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: var(--text-gray, rgba(255, 255, 255, 0.7));
  font-size: 0.68rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.prj-share-streak-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
  .streak-share-overlay {
    align-items: flex-start !important;
    padding-top: max(28px, calc(env(safe-area-inset-top, 0px) + 24px)) !important;
    padding-bottom: max(16px, calc(env(safe-area-inset-bottom, 0px) + 12px)) !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .streak-share-modal {
    margin: 0 auto 20px !important;
    max-height: none !important;
    width: 100% !important;
    border-radius: 20px;
  }

  .streak-share-header {
    padding: 14px 18px !important;
    position: sticky;
    top: 0;
    background: rgba(22, 22, 26, 0.96);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 10;
  }

  .streak-share-close-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    touch-action: manipulation;
  }

  .streak-share-body {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 14px 16px 20px;
  }

  .streak-share-card-wrapper {
    max-width: 220px;
  }

  .streak-share-card-wrapper.story {
    max-height: 390px;
  }

  .streak-actions-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .streak-primary-share-btn {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    padding: 13px 20px !important;
    font-size: 0.92rem !important;
    box-sizing: border-box !important;
  }

  .streak-action-icon-btn {
    width: 100% !important;
    padding: 12px 10px !important;
    box-sizing: border-box !important;
  }
}