/* =========================================
   JACKSON POLLOCK (The Raw Canvas)
   Brutalist Spatial Theme Pack
   ========================================= */

[data-theme="pollock"] {
  --bg-base: #f4f0e6;
  --bg-panel: #ffffff;
  --text-main: #000000;
  --text-muted: #333333;
  --text-ghost: #666666;
  --border: #000000;
  --border-strong: #000000;
  --glass: #ffffff;
  --glass-strong: #ffffff;
  --accent: #d92525;
  --image-accent: #2563eb;
  --shadow-soft: 8px 8px 0px rgba(0,0,0,1);
  --shadow-heavy: 16px 16px 0px rgba(0,0,0,1);
  --rule: #000000;

  /* Legacy / Magazine Accents */
  --bg-spot-1: rgba(217, 37, 37, 0.2);
  --bg-spot-2: rgba(37, 99, 235, 0.2);
  --bg-spot-3: rgba(234, 179, 8, 0.2);
  --calendar-accent: #eab308;
  --email-accent: #2563eb;
  --project-accent: #16a34a;
  --person-accent: #eab308;
  --external-accent: #2563eb;
  --input-bg: #ffffff;
  --sidebar-shadow: 15px 0 0px rgba(0, 0, 0, 1);
}

[data-theme="pollock"] body {
  background-color: var(--bg-base) !important;
  background-image:
    /* Subtle Paper Grain / Noise */
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.06'/%3E%3C/svg%3E"),
    /* Giant Abstract Crimson Circle */
    radial-gradient(circle at 0% 0%, #d92525 0%, #d92525 30vh, transparent 30.5vh),
    /* Giant Cobalt Blue Sweep */
    linear-gradient(135deg, transparent 75%, #2563eb 75%, #2563eb 100%),
    /* Giant Amber Slash */
    linear-gradient(45deg, transparent 80%, #eab308 80%, #eab308 95%, transparent 95%) !important;
  background-size: 200px 200px, 100% 100%, 100% 100%, 100% 100% !important;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat !important;
  background-attachment: fixed !important;
  animation: none !important;
}

/* Brutalizing the Spatial DOM */
[data-theme="pollock"] .gen-pane,
[data-theme="pollock"] .pane,
[data-theme="pollock"] .micro-tile,
[data-theme="pollock"] .bento-stat,
[data-theme="pollock"] .os-drawer,
[data-theme="pollock"] .os-menu-btn,
[data-theme="pollock"] .context-dock,
[data-theme="pollock"] .context-tab,
[data-theme="pollock"] .flashcard,
[data-theme="pollock"] .orb-chat-popover,
[data-theme="pollock"] .orb-bubble,
[data-theme="pollock"] .chatbot-panel,
[data-theme="pollock"] .input-bar,
[data-theme="pollock"] .mag-card,
[data-theme="pollock"] .msg-card {
  border: 3px solid #000 !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: #ffffff !important;
}

/* Inactive panels tilted like scattered papers */
[data-theme="pollock"] .gen-pane, 
[data-theme="pollock"] .pane {
  box-shadow: 12px 12px 0px rgba(0,0,0,1) !important;
  transform: rotate(-1deg) scale(0.96);
}

/* Focused active panels snap to grid and rise up */
[data-theme="pollock"] .gen-pane.is-focused,
[data-theme="pollock"] .pane.is-focused,
[data-theme="pollock"] .mag-card.is-selected {
  transform: rotate(0deg) scale(1) translateY(-6px) !important;
  box-shadow: 20px 20px 0px rgba(0,0,0,1) !important;
  z-index: 100 !important;
}

[data-theme="pollock"] .os-drawer,
[data-theme="pollock"] .sidebar { 
  box-shadow: 20px 0 0px rgba(0,0,0,1) !important; 
  border-right: 5px solid #000 !important;
}

[data-theme="pollock"] .os-menu-btn,
[data-theme="pollock"] .brand-container { 
  box-shadow: 6px 6px 0px rgba(0,0,0,1) !important; 
  background: #ffffff !important; 
  color: #000000 !important; 
}

[data-theme="pollock"] .brand {
  font-weight: 800 !important;
  font-style: italic !important;
  letter-spacing: -2px !important;
  text-shadow: 4px 4px 0px var(--email-accent) !important;
}

[data-theme="pollock"] .context-dock { 
  box-shadow: 8px 8px 0px rgba(0,0,0,1) !important; 
}

/* Tactile Button Physics */
[data-theme="pollock"] .outline-btn,
[data-theme="pollock"] .os-list-btn,
[data-theme="pollock"] .os-app-btn,
[data-theme="pollock"] .f-btn,
[data-theme="pollock"] .panel-action-btn,
[data-theme="pollock"] .btn,
[data-theme="pollock"] .chatbot-send {
  border: 2px solid #000 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: 4px 4px 0px #000 !important;
  transition: transform 0.1s, box-shadow 0.1s, background 0.1s, color 0.1s !important;
  color: #000000 !important;
}

[data-theme="pollock"] .outline-btn:hover,
[data-theme="pollock"] .os-list-btn:hover,
[data-theme="pollock"] .os-app-btn:hover,
[data-theme="pollock"] .f-btn:hover,
[data-theme="pollock"] .panel-action-btn:hover,
[data-theme="pollock"] .btn:hover,
[data-theme="pollock"] .chatbot-send:hover {
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0px #000 !important;
  background: var(--accent) !important;
  color: #ffffff !important;
}

/* Form Elements */
[data-theme="pollock"] .f-input,
[data-theme="pollock"] .f-select,
[data-theme="pollock"] .f-textarea,
[data-theme="pollock"] .input-field,
[data-theme="pollock"] .chatbot-input {
  border: 3px solid #000 !important;
  border-radius: 0 !important;
  background: #f4f0e6 !important;
  box-shadow: inset 4px 4px 0px rgba(0,0,0,0.1) !important;
  color: #000000 !important;
}

/* Aggressive Typography */
[data-theme="pollock"] .panel-kicker,
[data-theme="pollock"] .settings-surface-kicker,
[data-theme="pollock"] .pc__label { 
  color: var(--accent) !important; 
  font-weight: 900 !important; 
  letter-spacing: 0.25em !important; 
}

[data-theme="pollock"] .vis-title,
[data-theme="pollock"] .settings-surface-title,
[data-theme="pollock"] .hero-title { 
  font-weight: 800 !important; 
  text-transform: uppercase !important; 
  font-style: italic !important; 
  letter-spacing: -0.05em !important; 
  text-shadow: 4px 4px 0px var(--image-accent) !important; 
}

/* Nav items */
[data-theme="pollock"] .nav-item.active {
  background: #000 !important;
  color: #fff !important;
  transform: translateX(10px) rotate(-1deg) !important;
  box-shadow: 6px 6px 0px var(--accent) !important;
  border-radius: 0 !important;
  border: 2px solid #000 !important;
}
[data-theme="pollock"] .nav-item.active .nav-text, 
[data-theme="pollock"] .nav-item.active .nav-num {
  color: #fff !important;
}

/* Cards & Bento */
[data-theme="pollock"] .mag-card {
  border-left: 10px solid var(--email-accent) !important;
}
[data-theme="pollock"] .mag-card:nth-child(even) {
  border-left-color: var(--accent) !important;
}

/* Scrollbar Hide */
[data-theme="pollock"] ::-webkit-scrollbar {
  display: none !important;
}