/**
 * Cornell Notes — Studio dark skin (Dispatch palette), fullscreen scaffold,
 * practice mode and print styles. Loads AFTER cornell-notes-public.css and
 * overrides it; the light sheet stays untouched as the base layer.
 */

/* ── Fullscreen page scaffold (body class added by cornell-notes-studio.js) ── */
body.cornell-fullbleed { background: #0a0e14 !important; }
body.cornell-fullbleed #content.site-content { padding: 0 !important; }
body.cornell-fullbleed #content > .container { width: 100% !important; max-width: none !important; padding: 0 !important; }
body.cornell-fullbleed .site-content-grid { display: block !important; margin: 0 !important; }
body.cornell-fullbleed .content-wrapper { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
body.cornell-fullbleed #reign-sidebar-right { display: none !important; }
body.cornell-fullbleed .entry-header { display: none !important; }
body.cornell-fullbleed article .entry-content { margin: 0 !important; padding: 0 !important; max-width: 100% !important; }

/* ── Design tokens ── */
.cornell-notes-container {
  --cn-bg-deep: #0a0e14;
  --cn-bg-base: #0d1117;
  --cn-bg-elevated: #151a23;
  --cn-bg-surface: #1a2230;
  --cn-border: #232a36;
  --cn-border-focus: #3a4250;
  --cn-text: #e6edf3;
  --cn-text-soft: #b6c2cf;
  --cn-muted: #8b96a5;
  --cn-red: #cc342d;
  --cn-red-hi: #e5484d;
  --cn-red-soft: rgba(229, 72, 77, 0.12);
  --cn-green: #27c93f;
}

/* ── Shell ── */
.cornell-notes-container {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--cn-bg-deep) !important;
  color: var(--cn-text) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  min-height: calc(100vh - 90px);
}
.cornell-notes-page {
  max-width: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: var(--cn-bg-deep) !important;
  overflow: visible !important;
}

/* ── Header: blue gradient → slim Studio bar ── */
.cornell-notes-header {
  background: linear-gradient(160deg, #151a23 0%, #0d1117 100%) !important;
  border-bottom: 1px solid var(--cn-border) !important;
  border-radius: 0 !important;
  padding: 26px clamp(20px, 4vw, 56px) 22px !important;
  position: relative;
}
.cornell-notes-header::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(229, 72, 77, 0.45), transparent) !important;
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}
.cornell-notes-header-content { max-width: none !important; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.cornell-notes-header h1 {
  color: var(--cn-text) !important;
  font-size: clamp(22px, 2.6vw, 32px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 4px !important;
  text-shadow: none !important;
}
.cornell-notes-header h1::before {
  content: '// CORNELL NOTES';
  display: block;
  font-family: 'SFMono-Regular', Consolas, Menlo, monospace;
  font-size: 11px;
  letter-spacing: 0.15em;
  color: var(--cn-red-hi);
  margin-bottom: 8px;
}
.cornell-notes-header p { color: var(--cn-muted) !important; margin: 0 !important; font-size: 14px !important; }

/* Quick-nav chips (injected by studio JS) */
.cn-nav { display: flex; gap: 8px; flex-wrap: wrap; }
.cn-nav a {
  display: inline-block;
  padding: 7px 13px;
  border: 1px solid var(--cn-border) !important;
  border-radius: 18px;
  background: var(--cn-bg-elevated);
  color: var(--cn-text-soft) !important;
  font-size: 12.5px; font-weight: 600;
  text-decoration: none !important;
  transition: all 0.15s ease;
}
.cn-nav a:hover { border-color: var(--cn-red-hi) !important; color: var(--cn-text) !important; background: var(--cn-red-soft); }

/* ── Main layout ── */
.cornell-notes-main { background: var(--cn-bg-deep) !important; padding: 22px clamp(16px, 3vw, 42px) 30px !important; }
.cornell-notes-main-content { max-width: 1500px !important; margin: 0 auto !important; gap: 22px !important; }

/* ── Sidebar ── */
.cornell-notes-sidebar {
  background: var(--cn-bg-base) !important;
  border: 1px solid var(--cn-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.cornell-notes-sidebar-header {
  background: transparent !important;
  border-bottom: 1px solid var(--cn-border) !important;
}
.cornell-notes-sidebar-header h3 {
  color: var(--cn-muted) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
}
.cornell-notes-toggle-sidebar { color: var(--cn-muted) !important; background: transparent !important; }
.cornell-notes-toggle-sidebar:hover { color: var(--cn-red-hi) !important; }
.cornell-notes-sidebar-content { background: transparent !important; }
.cornell-notes-refresh-list {
  background: var(--cn-bg-elevated) !important;
  border: 1px solid var(--cn-border) !important;
  color: var(--cn-text-soft) !important;
  border-radius: 9px !important;
  font-weight: 600 !important;
  transition: all 0.15s ease !important;
}
.cornell-notes-refresh-list:hover { border-color: var(--cn-red-hi) !important; color: var(--cn-text) !important; background: var(--cn-red-soft) !important; }
.cn-search {
  width: 100%;
  margin: 0 0 10px;
  padding: 9px 12px !important;
  background: var(--cn-bg-elevated) !important;
  border: 1px solid var(--cn-border) !important;
  border-radius: 9px !important;
  color: var(--cn-text) !important;
  font-size: 13px !important;
}
.cn-search::placeholder { color: var(--cn-muted) !important; }
.cn-search:focus { outline: none !important; border-color: var(--cn-red-hi) !important; box-shadow: 0 0 0 3px var(--cn-red-soft) !important; }
.cornell-notes-saved-item {
  background: var(--cn-bg-elevated) !important;
  border: 1px solid var(--cn-border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: border-color 0.15s ease !important;
}
.cornell-notes-saved-item:hover { border-color: var(--cn-border-focus) !important; transform: none !important; }
.cornell-notes-saved-item-title { color: var(--cn-text) !important; }
.cornell-notes-saved-item-date { color: var(--cn-muted) !important; }
.cornell-notes-load-btn, .cornell-notes-delete-btn {
  background: transparent !important;
  border: 1px solid var(--cn-border) !important;
  border-radius: 8px !important;
  color: var(--cn-text-soft) !important;
  box-shadow: none !important;
}
.cornell-notes-load-btn:hover { border-color: var(--cn-green) !important; color: var(--cn-green) !important; background: rgba(39, 201, 63, 0.08) !important; }
.cornell-notes-delete-btn:hover { border-color: var(--cn-red-hi) !important; color: var(--cn-red-hi) !important; background: var(--cn-red-soft) !important; }
.cornell-notes-loading-text { color: var(--cn-muted) !important; }

/* ── Form ── */
.cornell-notes-content-wrapper { background: transparent !important; }
.cornell-notes-form-container {
  background: var(--cn-bg-base) !important;
  border: 1px solid var(--cn-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.cornell-notes-form-label { color: var(--cn-text-soft) !important; font-weight: 600 !important; }
.cornell-notes-input {
  background: var(--cn-bg-elevated) !important;
  border: 1px solid var(--cn-border) !important;
  color: var(--cn-text) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.cornell-notes-input::placeholder { color: var(--cn-muted) !important; }
.cornell-notes-input:focus { border-color: var(--cn-red-hi) !important; box-shadow: 0 0 0 3px var(--cn-red-soft) !important; outline: none !important; }
.cornell-notes-button {
  background: linear-gradient(135deg, var(--cn-red-hi), var(--cn-red)) !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 2px 10px rgba(229, 72, 77, 0.25) !important;
  transition: all 0.15s ease !important;
}
.cornell-notes-button:hover { transform: translateY(-1px) !important; box-shadow: 0 4px 16px rgba(229, 72, 77, 0.35) !important; background: linear-gradient(135deg, var(--cn-red-hi), var(--cn-red)) !important; }
.cornell-notes-button:disabled { opacity: 0.55 !important; transform: none !important; }
.cornell-notes-error { background: #2b151b !important; border: 1px solid #7a3540 !important; color: #ffd8dc !important; border-radius: 10px !important; }
.cornell-notes-error:empty { display: none !important; }

/* ── Loading ── */
.cornell-notes-loading { background: transparent !important; }
.cornell-notes-loading p { color: var(--cn-muted) !important; }
.cornell-notes-spinner {
  border-color: var(--cn-border) !important;
  border-top-color: var(--cn-red-hi) !important;
}

/* ── Notes display ── */
.cornell-notes-display {
  background: var(--cn-bg-base) !important;
  border: 1px solid var(--cn-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.cornell-notes-title h2 { color: var(--cn-text) !important; }
.cornell-notes-save-btn {
  background: var(--cn-bg-elevated) !important;
  border: 1px solid var(--cn-border) !important;
  color: var(--cn-text-soft) !important;
  border-radius: 9px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: all 0.15s ease !important;
}
.cornell-notes-save-btn:hover { border-color: var(--cn-red-hi) !important; color: var(--cn-text) !important; background: var(--cn-red-soft) !important; transform: none !important; }
.cornell-notes-grid { gap: 14px !important; }
.cornell-notes-column-header {
  background: transparent !important;
  color: var(--cn-muted) !important;
  font-family: 'SFMono-Regular', Consolas, Menlo, monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  border-bottom: 1px solid var(--cn-border) !important;
}
.cornell-notes-cue-column {
  background: #1a1216 !important;
  border: 1px solid rgba(229, 72, 77, 0.25) !important;
  border-radius: 12px !important;
}
.cornell-notes-notes-column {
  background: var(--cn-bg-elevated) !important;
  border: 1px solid var(--cn-border) !important;
  border-radius: 12px !important;
}
.cornell-notes-item {
  color: var(--cn-text-soft) !important;
  border-bottom: 1px solid var(--cn-border) !important;
  background: transparent !important;
}
.cornell-notes-cue-column .cornell-notes-item { color: var(--cn-text) !important; font-weight: 600 !important; }
.cornell-notes-item:last-child { border-bottom: 0 !important; }
.cornell-notes-summary {
  background: var(--cn-bg-elevated) !important;
  border: 1px solid var(--cn-border) !important;
  border-left: 3px solid var(--cn-red) !important;
  border-radius: 12px !important;
  color: var(--cn-text-soft) !important;
}
.cornell-notes-summary h3 { color: var(--cn-text) !important; }
.cornell-notes-inline-code { background: rgba(139, 150, 165, 0.14) !important; color: var(--cn-text) !important; border: 0 !important; }
.cornell-notes-h1, .cornell-notes-h2, .cornell-notes-h3, .cornell-notes-h4 { color: var(--cn-text) !important; }
.cornell-notes-hr { border-color: var(--cn-border) !important; }

/* ── Code + math sections ── */
.cornell-notes-code-section, .cornell-notes-math-section {
  background: var(--cn-bg-base) !important;
  border: 1px solid var(--cn-border) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.cornell-notes-code-header h2, .cornell-notes-math-header h2 { color: var(--cn-text) !important; }
.cornell-notes-code-example, .cornell-notes-math-example {
  background: var(--cn-bg-elevated) !important;
  border: 1px solid var(--cn-border) !important;
  border-radius: 12px !important;
}
.cornell-notes-code-title, .cornell-notes-math-title { color: var(--cn-text) !important; }
.cornell-notes-code-block { background: #0b0f16 !important; border: 1px solid var(--cn-border) !important; color: var(--cn-text-soft) !important; }
.cornell-notes-code-button {
  background: var(--cn-bg-surface) !important;
  border: 1px solid var(--cn-border) !important;
  color: var(--cn-text-soft) !important;
  border-radius: 8px !important;
}
.cornell-notes-code-button:hover { border-color: var(--cn-red-hi) !important; color: var(--cn-text) !important; }
.cornell-notes-math-problem, .cornell-notes-math-solution, .cornell-notes-math-explanation { color: var(--cn-text-soft) !important; }
.cornell-notes-math-problem strong, .cornell-notes-math-solution strong, .cornell-notes-math-explanation strong { color: var(--cn-text) !important; }
.arithmatex, .arithmatex .MathJax, mjx-container { color: var(--cn-text) !important; }

/* ── Disclaimer + footer ── */
.cornell-notes-disclaimer { background: transparent !important; border: 0 !important; }
.cornell-notes-disclaimer p { color: var(--cn-muted) !important; font-size: 11.5px !important; }
.cornell-notes-footer { background: var(--cn-bg-deep) !important; border-top: 1px solid var(--cn-border) !important; }
.cornell-notes-footer p { color: var(--cn-muted) !important; font-size: 11.5px !important; }

/* ══ v2.0.1 refinements ══════════════════════════════════════════ */

/* Horizontal overflow guard + geometry sanity */
body.cornell-fullbleed { overflow-x: hidden !important; }
.cornell-notes-container *, .cornell-notes-container *::before, .cornell-notes-container *::after { box-sizing: border-box; }
.cornell-notes-header-content { max-width: 1500px !important; margin: 0 auto !important; }
.cornell-notes-main-content { max-width: 1500px !important; width: 100% !important; }

/* Title band: kill the light gradient strip */
.cornell-notes-title {
  background: transparent !important;
  border-bottom: 1px solid var(--cn-border) !important;
  flex-wrap: wrap;
  gap: 10px;
}

/* The grid shell painted white behind the columns */
.cornell-notes-grid {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Save button states the base sheet controls */
.cornell-notes-save-btn:disabled {
  background: var(--cn-bg-surface) !important;
  color: var(--cn-muted) !important;
  border-color: var(--cn-border) !important;
  opacity: 0.75 !important;
}
.cornell-notes-success {
  background: rgba(39, 201, 63, 0.1) !important;
  border: 1px solid rgba(39, 201, 63, 0.3) !important;
  color: #7ee2a8 !important;
}

/* Summary content: readable on dark, including code fragments */
.cornell-notes-summary, .cornell-notes-summary p, .cornell-notes-summary div,
.cornell-notes-summary li, .cornell-notes-summary span, #cornell-notes-summary, #cornell-notes-summary * {
  color: var(--cn-text-soft) !important;
}
.cornell-notes-summary h3 { color: var(--cn-text) !important; }
.cornell-notes-summary code, #cornell-notes-summary code {
  background: rgba(139, 150, 165, 0.14) !important;
  color: var(--cn-text) !important;
}

/* In-place editor controls: bright Material squares → quiet dark ghosts */
.cornell-notes-edit-note-btn, .cornell-notes-remove-note-btn, .cornell-notes-save-note-btn,
.cornell-notes-edit-math-btn, .cornell-notes-remove-math-btn, .cornell-notes-save-math-btn,
.cornell-notes-edit-math-title-btn, .cornell-notes-edit-btn, .cornell-notes-remove-btn, .cornell-notes-copy-btn {
  background: var(--cn-bg-surface) !important;
  border: 1px solid var(--cn-border) !important;
  color: var(--cn-text-soft) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transition: all 0.15s ease !important;
}
.cornell-notes-edit-note-btn:hover, .cornell-notes-edit-math-btn:hover,
.cornell-notes-edit-math-title-btn:hover, .cornell-notes-edit-btn:hover, .cornell-notes-copy-btn:hover {
  border-color: var(--cn-border-focus) !important;
  color: var(--cn-text) !important;
  background: var(--cn-bg-elevated) !important;
}
.cornell-notes-remove-note-btn:hover, .cornell-notes-remove-math-btn:hover, .cornell-notes-remove-btn:hover {
  border-color: var(--cn-red-hi) !important;
  color: var(--cn-red-hi) !important;
  background: var(--cn-red-soft) !important;
}
.cornell-notes-save-note-btn:hover, .cornell-notes-save-math-btn:hover {
  border-color: var(--cn-green) !important;
  color: var(--cn-green) !important;
  background: rgba(39, 201, 63, 0.08) !important;
}
.cornell-notes-add-note-btn, .cornell-notes-add-code-btn {
  background: transparent !important;
  border: 1px dashed var(--cn-border) !important;
  color: var(--cn-muted) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.cornell-notes-add-note-btn:hover, .cornell-notes-add-code-btn:hover {
  border-color: var(--cn-red-hi) !important;
  color: var(--cn-text) !important;
  background: var(--cn-red-soft) !important;
}

/* Editor row buttons stay hidden until the row is hovered (pointer devices only) */
@media (hover: hover) {
  .cornell-notes-item .cornell-notes-edit-note-btn,
  .cornell-notes-item .cornell-notes-remove-note-btn {
    opacity: 0;
  }
  .cornell-notes-item:hover .cornell-notes-edit-note-btn,
  .cornell-notes-item:hover .cornell-notes-remove-note-btn,
  .cornell-notes-item:focus-within .cornell-notes-edit-note-btn,
  .cornell-notes-item:focus-within .cornell-notes-remove-note-btn {
    opacity: 1;
  }
}

/* ── Practice mode ── */
.cn-practice-hint {
  margin: 0 0 14px;
  padding: 12px 16px;
  background: var(--cn-red-soft);
  border: 1px solid rgba(229, 72, 77, 0.3);
  border-radius: 10px;
  color: var(--cn-text);
  font-size: 13.5px;
  line-height: 1.5;
}
.cornell-practice .cornell-notes-notes-column .cornell-notes-item {
  filter: blur(7px);
  cursor: pointer;
  user-select: none;
  transition: filter 0.2s ease;
}
.cornell-practice .cornell-notes-notes-column .cornell-notes-item.cn-revealed { filter: none; }
.cornell-practice .cornell-notes-summary { filter: blur(7px); cursor: pointer; transition: filter 0.2s ease; }
.cornell-practice .cornell-notes-summary.cn-revealed { filter: none; }

/* ── Print: clean light output, notes only ── */
@media print {
  body.cornell-fullbleed * { visibility: hidden; }
  .cornell-notes-display, .cornell-notes-display *,
  .cornell-notes-code-section, .cornell-notes-code-section *,
  .cornell-notes-math-section, .cornell-notes-math-section * { visibility: visible; }
  .cornell-notes-display { position: absolute; left: 0; top: 0; width: 100%; background: #fff !important; border: 0 !important; }
  .cornell-notes-display * { color: #111 !important; background: #fff !important; border-color: #bbb !important; filter: none !important; }
  .cornell-notes-actions { display: none !important; }
  .cn-practice-hint { display: none !important; }
}

/* ── Responsive ── */
@media (max-width: 880px) {
  .cornell-notes-main { padding: 14px 10px 20px !important; }
  .cornell-notes-header { padding: 20px 16px 16px !important; }
  .cornell-notes-header-content { align-items: flex-start; flex-direction: column; }
}