/* ═══════════════════════════════════════════════════════════════════════════
   MARKING DESK · FAVORITE TEMPLATES (2026-09-20)
   Loaded after marking-desk.css on the favourites page only. Same treatment as the generator list: paper page,
   a plain header band instead of the orange card, and stamped source cards.
   Tokens: ink #101C19 · paper #F6F4EE · marker #E2452F · correct #1C7A62
   ═══════════════════════════════════════════════════════════════════════════ */

html body {
    background-color: #F6F4EE !important;
    background-image: none !important;
}
body .page-wrapper,
body .page-body { background: transparent !important; }
body .page-body::after { display: none !important; }

/* ── header: a paper band, not an orange card ────────────────────────────── */
body .page-header .card {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
body .page-header .card-body { padding: 0 !important; }
body .page-header svg[width="56"] {
    width: 44px !important;
    height: 44px !important;
    stroke: #E2452F !important;
}
body .page-header h2 {
    font-family: "Bricolage Grotesque", "Instrument Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 36px !important;
    line-height: 1.05 !important;
    letter-spacing: -0.03em !important;
    color: #101C19 !important;
}
body .page-header p.text-muted {
    font-family: "Instrument Sans", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    color: #5C6B65 !important;
}

/* ── the template cards ──────────────────────────────────────────────────── */
body .page-body .rounded-\[20px\] {
    background: #FFFFFF !important;
    border: 1px solid rgba(16, 28, 25, 0.13) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    padding: 20px !important;
    transition: border-color 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease !important;
}
body .page-body .rounded-\[20px\]:hover {
    border: 1.5px solid #101C19 !important;
    box-shadow: 5px 5px 0 #E2452F !important;
    transform: translate(-1px, -1px) !important;
}

/* the icon tile: paper square, ink icon, no scale-up on hover */
body .page-body .rounded-\[20px\] .avatar {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 14px !important;
    background: #F6F4EE !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    transform: none !important;
}
body .page-body .rounded-\[20px\]:hover .avatar { transform: none !important; }
body .page-body .rounded-\[20px\] .avatar svg,
body .page-body .rounded-\[20px\] .avatar svg * {
    stroke: #101C19 !important;
    color: #101C19 !important;
    fill: none !important;
}
body .page-body .rounded-\[20px\] .avatar span { transform: none !important; }

/* the status dot */
body .page-body .rounded-\[20px\] .badge.bg-green { background: #1C7A62 !important; }
body .page-body .rounded-\[20px\] .badge.bg-red { background: #E2452F !important; }

/* title and description */
body .page-body .rounded-\[20px\] h4 {
    font-family: "Instrument Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #101C19 !important;
    margin-bottom: 8px !important;
}
body .page-body .rounded-\[20px\] h4 a { color: #101C19 !important; }
body .page-body .rounded-\[20px\] .text-muted {
    font-family: "Instrument Sans", sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: #5C6B65 !important;
}
/* the arrow that slides in on hover */
body .page-body .rounded-\[20px\] h4 svg { stroke: #E2452F !important; }

/* the star button in the corner */
body .page-body .rounded-\[20px\] .btn {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 1px solid rgba(16, 28, 25, 0.13) !important;
    border-radius: 9px !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    color: #5C6B65 !important;
}
body .page-body .rounded-\[20px\] .btn:hover { border-color: #101C19 !important; color: #E2452F !important; }
body .page-body .rounded-\[20px\] .btn svg { stroke: currentColor !important; fill: currentColor !important; }

@media (max-width: 767px) {
    body .page-header h2 { font-size: 28px !important; }
}

/* Each card also holds a full-size overlay div that carries the same rounded-[20px] class and sits above the
   content (z-2). It must stay transparent - painting it white hid the icon, title and description. */
body .page-body .rounded-\[20px\].absolute,
body .page-body .rounded-\[20px\].absolute:hover {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    transform: none !important;
}

/* this page lays out in a container-fluid, which has no side padding of its own */
body .page-body .container-fluid { padding-left: 34px !important; padding-right: 34px !important; }
body .page-header .container-xl { padding-left: 34px !important; padding-right: 34px !important; }