/* Study Planner — the look of the styled themes (Scrapbook board, Bullet journal, Zine, Varsity, Film).
   Colours, fonts and page texture come from themes.css; this file only reshapes components.
   Everything is scoped to [data-theme="…"], so Monochrome, Cherry and Aubergine are untouched. */

/* ======================================================================= Scrapbook board */
[data-theme="scrapbook"] .sidenav { background: linear-gradient(#5B3A20, #43291A); }
[data-theme="scrapbook"] .topbar { background: color-mix(in srgb, #8E6440 92%, transparent); color: #FFF6E5; --muted: #F0DDBF; border-bottom: 3px solid #4F311B; }
[data-theme="scrapbook"] .topbar .buddy-mini { color: var(--c1); }
[data-theme="scrapbook"] .bottomnav { background: color-mix(in srgb, #5B3A20 94%, transparent); --muted: #E9D3B2; border-top: 0; }
[data-theme="scrapbook"] .bottomnav .nav-link[aria-current="page"] { background: #FFFDF6; color: var(--c1); }

/* the content area is the board, framed in light pine */
[data-theme="scrapbook"] .view { box-shadow: inset 0 0 0 8px #D7B582, inset 0 0 0 10px #A57B48, inset 0 0 24px 10px #4F2E1466; }
@media (min-width: 900px) { [data-theme="scrapbook"] .view { box-shadow: inset 0 0 0 16px #D7B582, inset 0 0 0 18px #A57B48, inset 0 0 36px 18px #4F2E1466; } }

/* papers pinned to the board */
[data-theme="scrapbook"] .card { position: relative; border: 0; border-radius: 3px; box-shadow: 0 2px 3px #0002, 0 12px 20px -10px #000A; }
[data-theme="scrapbook"] .card:nth-of-type(3n + 1) { rotate: -.5deg; --pin: #D33; }
[data-theme="scrapbook"] .card:nth-of-type(3n + 2) { rotate: .45deg; --pin: #2A6AD1; }
[data-theme="scrapbook"] .card:nth-of-type(3n) { rotate: -.25deg; --pin: #2FA36B; }
[data-theme="scrapbook"] .card:not(:has(> .tape))::after {
  content: ''; position: absolute; top: -8px; left: 50%; width: 17px; height: 17px; margin-left: -8px; border-radius: 50%; z-index: 3;
  background: radial-gradient(circle at 35% 35%, #FFF9 0 15%, var(--pin, #D33) 42%); box-shadow: 0 3px 3px #0006; pointer-events: none;
}
[data-theme="scrapbook"] :is(.card-title .h, .panel-head .h, .sub-h) { font-family: var(--font-hand); font-weight: 700; font-size: 1.6rem; }
[data-theme="scrapbook"] .card--ink { --text: var(--c1); --muted: #5A4430; --primary: var(--c1); --on-primary: #FFFDF6; --surface: #FFFDF6; --surface-2: #EFE1C4; --line: #2B1D1222; --line-strong: #2B1D1244;
  background: #D9BD8F radial-gradient(#0000000F 1px, transparent 1.4px) 0 0 / 6px 6px; color: var(--c1); }
[data-theme="scrapbook"] .card--ink .hero-num { font-family: "Playfair Display", serif; font-weight: 800; }
/* Онол on lined notebook paper, Тест on graph paper, numbers on sticky notes */
[data-theme="scrapbook"] [data-panel="theory"] { background: linear-gradient(90deg, transparent 22px, #F0A3A3 22px 24px, transparent 24px), repeating-linear-gradient(0deg, transparent 0 31px, #B9CDE6 31px 32px) 0 10px, #FFFDF6; padding-left: 34px; }
[data-theme="scrapbook"] [data-panel="tests"] { background: linear-gradient(#D8C7A5 1px, transparent 1px) 0 0 / 16px 16px, linear-gradient(90deg, #D8C7A5 1px, transparent 1px) 0 0 / 16px 16px, #F6EDDA; }
[data-theme="scrapbook"] .tile { position: relative; border: 0; border-radius: 2px; box-shadow: 0 8px 12px -6px #0008; font-family: var(--font-head); }
[data-theme="scrapbook"] .tile:nth-child(4n + 1) { background: #FFF3A6; rotate: -2deg; } [data-theme="scrapbook"] .tile:nth-child(4n + 2) { background: #FFC9DE; rotate: 1.5deg; }
[data-theme="scrapbook"] .tile:nth-child(4n + 3) { background: #C9E7FF; rotate: 1deg; } [data-theme="scrapbook"] .tile:nth-child(4n) { background: #D4F5C8; rotate: -1.5deg; }
[data-theme="scrapbook"] .tile-num { font-family: var(--font-hand); font-size: 2rem; font-weight: 700; line-height: 1; }
[data-theme="scrapbook"] .tile-label { color: #5A4430; }
[data-theme="scrapbook"] .tcell { border-radius: 3px; }
[data-theme="scrapbook"] .chapter { border-radius: 3px; border-color: #D9BD8F; }
[data-theme="scrapbook"] :is(.quick-btn, .hub-item, .shop-card) { border: 0; border-radius: 3px; box-shadow: 0 10px 16px -10px #000A; }
[data-theme="scrapbook"] .subj-tile, [data-theme="scrapbook"] .subject-strip, [data-theme="scrapbook"] .subject-banner { border: 6px solid #fff; border-bottom-width: 18px; border-radius: 2px; box-shadow: 0 10px 18px -8px #000A; }
[data-theme="scrapbook"] .subj-tile:nth-child(odd) { rotate: -1.2deg; } [data-theme="scrapbook"] .subj-tile:nth-child(even) { rotate: 1deg; }
[data-theme="scrapbook"] .view > .view-host > :is(h2, .sub-h), [data-theme="scrapbook"] .prog-side > .review-head { color: #FFF6E5; }

/* ======================================================================= Bullet journal */
[data-theme="bujo"] .sidenav { background: var(--c4); color: var(--c1); --muted: #555; --text: var(--c1); --line: #1C1C1C1A; border-right: 2px solid var(--c1); }
[data-theme="bujo"] .sidenav .nav-link[aria-current="page"] { background: var(--c3); color: var(--c1); }
[data-theme="bujo"] .bottomnav .nav-link[aria-current="page"] { background: var(--c3); color: var(--c1); }
[data-theme="bujo"] .card { background: var(--c4); border: 2px solid var(--c1); border-radius: 3px 14px 4px 12px / 12px 4px 14px 3px; box-shadow: none; }
[data-theme="bujo"] :is(.card-title .h, .panel-head .h) { font-size: 1.55rem; background: linear-gradient(transparent 58%, color-mix(in srgb, var(--c3) 85%, transparent) 58% 92%, transparent 92%); padding: 0 4px; }
[data-theme="bujo"] :is(.card-title .h, .panel-head .h)::before { content: '✦ '; font-size: .8em; }
[data-theme="bujo"] .topbar-title { font-size: 1.9rem; }
[data-theme="bujo"] :is(h2, .sub-h, .brand-title) { font-size: 1.6rem; }
[data-theme="bujo"] .card--ink { --text: var(--c1); --muted: #444; --primary: var(--c1); --on-primary: var(--c4); --surface: var(--c4); --surface-2: #FFF; --line: #1C1C1C22; --line-strong: #1C1C1C55;
  background: var(--c3); color: var(--c1); }
[data-theme="bujo"] .tile { background: transparent; border: 1.6px dashed var(--c1); border-radius: 10px; }
[data-theme="bujo"] .tile-num { font-family: var(--font-hand); font-size: 2rem; }
[data-theme="bujo"] :is(.chapter, .quick-btn, .hub-item, .shop-card, .tcell) { border: 1.6px solid var(--c1); box-shadow: none; }
[data-theme="bujo"] .btn { border: 2px solid var(--c1); }
[data-theme="bujo"] .btn--ghost { background: transparent; }
[data-theme="bujo"] .chip { border: 1.5px solid var(--c1); }

/* ======================================================================= Zine */
[data-theme="zine"] :is(h1, h2, h3, .h, .topbar-title, .brand-title, .tile-label, .tab, .chip, .btn) { text-transform: uppercase; letter-spacing: .04em; }
[data-theme="zine"] .topbar { border-bottom: 4px double var(--c1); }
[data-theme="zine"] .card { background: #fff; border: 2px solid var(--c1); border-radius: 0; box-shadow: 5px 5px 0 var(--c1); }
[data-theme="zine"] :is(.card-title .h, .panel-head .h) { border-bottom: 2px solid var(--c1); padding-bottom: 2px; flex: 1; }
[data-theme="zine"] .card--ink { background: var(--c1); }
[data-theme="zine"] .card--ink .hero-num { font-size: 4.4rem; }
[data-theme="zine"] .card--ink::after { content: 'STUDY'; position: absolute; right: 16px; top: 18px; padding: 3px 10px; border: 3px solid var(--pop); color: var(--pop); font: 700 .95rem var(--font-head); letter-spacing: .1em; rotate: 8deg; background: #111; }
[data-theme="zine"] .card--ink .streak { margin-right: 120px; }
[data-theme="zine"] :is(.btn, .chip, .quick-btn, .hub-item, .shop-card, .chapter, .tcell, .tile, .seg, .seg button, .tabs, .tab, .input) { border-radius: 0; }
[data-theme="zine"] .tile { background: #fff; border: 2px solid var(--c1); }
[data-theme="zine"] .tile:first-child { background: var(--c1); --muted: #CCC; color: #fff; }
[data-theme="zine"] .tile-num { font-family: var(--font-head); font-size: 1.8rem; }
[data-theme="zine"] :is(.quick-btn, .hub-item, .shop-card) { border: 2px solid var(--c1); box-shadow: 4px 4px 0 var(--c1); }
[data-theme="zine"] .chapter { border: 1.5px solid var(--c1); }
[data-theme="zine"] .subj-tile, [data-theme="zine"] .subject-strip, [data-theme="zine"] .subject-banner { border-radius: 0; filter: grayscale(.85) contrast(1.1); border: 2px solid var(--c1); }
[data-theme="zine"] .subj-tile[aria-current="page"], [data-theme="zine"] .subj-tile:hover { filter: none; }
[data-theme="zine"] .ch-banner { border-radius: 0; background: var(--c1); }

/* ======================================================================= Varsity */
[data-theme="varsity"] :is(h1, h2, h3, .h, .topbar-title, .brand-title) { text-transform: uppercase; letter-spacing: .06em; }
[data-theme="varsity"] :is(.card-title .h, .panel-head .h) { font-size: 1.15rem; }
[data-theme="varsity"] .topbar-title { text-shadow: 2px 2px 0 var(--c3); }
[data-theme="varsity"] .topbar { border-bottom: 6px solid; border-image: linear-gradient(90deg, var(--pop) 0 33%, var(--c4) 33% 66%, var(--c3) 66%) 1; }
[data-theme="varsity"] .sidenav { background: repeating-linear-gradient(90deg, transparent 0 46px, #FFFFFF0A 46px 48px), var(--c1); }
[data-theme="varsity"] .sidenav .nav-link[aria-current="page"] { background: var(--c3); color: var(--c1); }
[data-theme="varsity"] .brand-title { color: var(--c3); text-shadow: 2px 2px 0 var(--pop); }
[data-theme="varsity"] .card { background: var(--surface); border: 3px solid var(--c3); border-radius: 16px; box-shadow: 0 0 0 3px var(--c1), 0 0 0 5px var(--pop), 0 14px 24px -14px #0008; }
[data-theme="varsity"] .card--ink { --primary: var(--c3); --on-primary: var(--c1); background: var(--c1); border-color: var(--c3); }
[data-theme="varsity"] .card--ink .hero-num { color: var(--c3); -webkit-text-stroke: 0; text-shadow: 3px 3px 0 var(--pop); }
[data-theme="varsity"] .tile { background: var(--c1); color: var(--c4); --muted: #F3EAD3CC; border: 0; text-align: center; border-radius: 12px; }
[data-theme="varsity"] .tile-num { color: var(--c3); font-family: var(--font-head); font-size: 1.6rem; }
[data-theme="varsity"] .tile-label { font-family: "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .1em; }
[data-theme="varsity"] .chapter { border: 0; border-left: 6px solid var(--c1); border-radius: 10px; }
[data-theme="varsity"] .chapter[open] { border-left-color: var(--pop); }
[data-theme="varsity"] :is(.tcell, .quick-btn, .hub-item, .shop-card) { border: 2px solid var(--c1); }
[data-theme="varsity"] .btn { font-family: "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .06em; }

/* ======================================================================= Film */
[data-theme="film"] .sidenav { background: #0C0C0E; color: var(--c1); --text: var(--c1); --muted: #B5ADA0; --line: #F3EFE61A; }
[data-theme="film"] .sidenav .nav-link[aria-current="page"] { background: var(--c3); color: #111; }
[data-theme="film"] .bottomnav .nav-link[aria-current="page"] { background: var(--c3); color: #111; }
/* every card is a polaroid: cream frame, wider at the bottom */
[data-theme="film"] .card { border: 8px solid #F3EFE6; border-bottom-width: 24px; border-radius: 3px; box-shadow: 0 16px 30px -12px #000; }
[data-theme="film"] .card:nth-of-type(odd) { rotate: -.4deg; } [data-theme="film"] .card:nth-of-type(even) { rotate: .4deg; }
[data-theme="film"] :is(.card-title .h, .panel-head .h, h1, h2, .topbar-title) { font-style: italic; }
/* the hero is a strip of film */
[data-theme="film"] .card--ink {
  --text: var(--c1); --muted: var(--c2); --primary: var(--c3); --on-primary: #111; --surface: #2A282E; --surface-2: #26242A; --line: #F3EFE61F; --line-strong: #F3EFE640;
  border: 0; rotate: 0deg; color: var(--c1); padding-top: 30px; padding-bottom: 30px;
  background:
    repeating-linear-gradient(90deg, transparent 0 12px, #E8E2D6AA 12px 24px, transparent 24px 34px) top 6px left 0 / 100% 10px no-repeat,
    repeating-linear-gradient(90deg, transparent 0 12px, #E8E2D6AA 12px 24px, transparent 24px 34px) bottom 6px left 0 / 100% 10px no-repeat,
    #0C0C0E;
}
[data-theme="film"] .card--ink .hero-num { color: var(--c3); font-style: italic; }
[data-theme="film"] .tile { background: #2B2830; border: 0; }
[data-theme="film"] .tile-num { color: var(--c3); font-style: italic; font-family: var(--font-head); }
[data-theme="film"] .subj-tile, [data-theme="film"] .subject-strip, [data-theme="film"] .subject-banner { border: 6px solid #F3EFE6; border-bottom-width: 18px; border-radius: 2px; }
[data-theme="film"] .ch-banner { background: #0C0C0E; color: var(--c1); }
[data-theme="film"] :is(.coin-big, .coin-pill, .badge-link, .exam-week-banner) { color: #3A2A05; }
[data-theme="film"] .polaroid { color: #222; }
[data-theme="film"] .input, [data-theme="film"] .inline-input { background: #1D1C21; color: var(--c1); }

/* ---------- Хичээл: the timetable follows the theme ---------- */
[data-theme="scrapbook"] .lesson { border: 5px solid #fff; border-bottom-width: 14px; border-radius: 2px; box-shadow: 0 10px 18px -8px #000A; }
[data-theme="scrapbook"] .day-list .lesson:nth-child(odd) { rotate: -.8deg; } [data-theme="scrapbook"] .day-list .lesson:nth-child(even) { rotate: .7deg; }
[data-theme="scrapbook"] :is(.day-head, .day-add, .exam-item, .subj-row) { border-radius: 3px; }
[data-theme="scrapbook"] .day-head { border: 0; box-shadow: 0 6px 12px -8px #000A; }
[data-theme="scrapbook"] .pop-cover, [data-theme="scrapbook"] .subject-preview { border: 5px solid #fff; border-radius: 2px; }

[data-theme="bujo"] .lesson { border: 2px solid var(--c1); border-radius: 3px 14px 4px 12px / 12px 4px 14px 3px; box-shadow: none; }
[data-theme="bujo"] .day-head { background: transparent; border: 2px solid var(--c1); border-radius: 3px 14px 4px 12px / 12px 4px 14px 3px; }
[data-theme="bujo"] .day.is-today .day-head { background: var(--c3); color: var(--c1); }
[data-theme="bujo"] .day.is-today .day-head span { color: var(--c2); }
[data-theme="bujo"] .day-add { border-color: var(--c1); border-radius: 10px; }
[data-theme="bujo"] .pop-cover, [data-theme="bujo"] .subject-preview { border: 2px solid var(--c1); border-radius: 3px 14px 4px 12px / 12px 4px 14px 3px; }

[data-theme="zine"] .lesson { border: 2px solid var(--c1); border-radius: 0; box-shadow: 4px 4px 0 var(--c1); }
[data-theme="zine"] .lesson-cover img { filter: grayscale(.85) contrast(1.1); }
[data-theme="zine"] .lesson:hover .lesson-cover img, [data-theme="zine"] .lesson.is-open .lesson-cover img { filter: none; }
[data-theme="zine"] :is(.day-head, .day-add, .pop-cover, .subject-preview, .exam-item, .subj-row, .lesson-badge, .due, .subj-thumb) { border-radius: 0; }
[data-theme="zine"] .day-head { border: 2px solid var(--c1); box-shadow: 3px 3px 0 var(--c1); }
[data-theme="zine"] .day-head b { text-transform: uppercase; letter-spacing: .04em; }

[data-theme="varsity"] .lesson { border: 3px solid var(--c3); border-radius: 16px; box-shadow: 0 0 0 3px var(--c1), 0 12px 20px -12px #0008; }
[data-theme="varsity"] .day-head { border: 3px solid var(--c1); }

[data-theme="film"] .lesson { border: 6px solid #F3EFE6; border-bottom-width: 16px; border-radius: 2px; box-shadow: 0 14px 24px -12px #000; }
[data-theme="film"] :is(.day-head, .day-add, .exam-item, .subj-row) { border-radius: 3px; }
[data-theme="film"] .pop-cover, [data-theme="film"] .subject-preview { border: 6px solid #F3EFE6; border-radius: 2px; }