/* Yail.Tasks — module-specific overrides on top of /_content/Yail.Shared.Web/css/yail.css.
   Surfaces, fonts, accent colour all flow from the "tasks" DaisyUI theme; nothing required
   here unless a Tasks-only tweak is needed. */

/* === Extracted from view @section Styles === */
.danger-zone { margin-top:16px; padding-top:12px; border-top:1px dashed var(--yail-stone); }
.markdown-body { font-size:13.5px; color:var(--yail-ink); line-height:1.6; }
.markdown-body a { color:var(--yail-coffee); }
.markdown-body code { background:var(--yail-cream); border:1px solid var(--yail-stone); padding:1px 6px; border-radius:4px; font-size:12px; }
.markdown-body h1, .markdown-body h2, .markdown-body h3 { font-family:var(--font-display); color:var(--yail-coffee); margin:18px 0 8px; letter-spacing:-.01em; }
.markdown-body p { margin:0 0 12px; }
.markdown-body pre { background:var(--yail-cream); border:1px solid var(--yail-stone); padding:10px 12px; border-radius:8px; overflow-x:auto; font-size:12px; }
.markdown-body ul, .markdown-body ol { margin:0 0 12px; padding-left:22px; }
.pj-card { display:block; padding:18px 20px; background:#fff; border:1px solid var(--yail-stone); border-radius:14px; box-shadow:var(--shadow-card-soft); transition:border-color .15s, transform .15s; text-decoration:none; }
.pj-card:hover { border-color:var(--yail-coffee); transform:translateY(-1px); }
.pj-count { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 11.5px; color: var(--yail-mocha); }
.pj-desc { color:var(--yail-mocha); font-size:12.5px; line-height:1.5; margin:0 0 12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pj-head { display:flex; gap:12px; align-items:flex-start; margin-bottom:8px; }
.pj-list { display: grid; gap: 8px; }
.pj-meta { display:flex; gap:6px; align-items:center; flex-wrap:wrap; font-size:11.5px; color:var(--yail-mocha); }
.pj-progress { height:6px; background:var(--yail-cream); border-radius:3px; overflow:hidden; }
.pj-progress .fill { display:block; height:100%; background:linear-gradient(90deg, var(--yail-amber-light), var(--yail-amber)); border-radius:3px; }
.pj-row { display: flex; align-items: center; gap: 12px; padding: 10px 14px; background: var(--yail-cream); border: 1px solid var(--yail-stone); border-radius: 8px; text-decoration: none; }
.pj-row:hover { border-color: var(--yail-coffee); background: #fff; }
.pj-slug { font-family:ui-monospace,monospace; font-size:11px; color:var(--yail-mocha); }
.pj-swatch { width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; }
.pj-tablist { display:inline-flex; padding:4px; background:#fff; border:1px solid var(--yail-stone); border-radius:999px; gap:2px; margin-bottom:18px; }
.pj-tablist a { padding:7px 18px; font-size:12.5px; font-weight:500; color:var(--yail-mocha); border-radius:999px; text-decoration:none; }
.pj-tablist a.on { background:var(--yail-coffee); color:var(--yail-cream); }
.pj-tablist a:hover { color:var(--yail-coffee); }
.quick-actions { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.quick-actions .btn { font-size:12px; padding:8px 10px; }
.quick-actions .full { grid-column:1 / -1; }
.tag-pill { display:inline-flex; gap:4px; align-items:center; padding:4px 10px 4px 8px; border-radius:999px; font-size:11.5px; font-weight:500; color:#fff; border:0; cursor:pointer; }
.tk-art { display: flex; flex-direction: column; gap: 8px; height: 100%; padding: 4px; }
.tk-box { width: 18px; height: 18px; border-radius: 5px; border: 1.5px solid var(--yail-stone); display: flex; align-items: center; justify-content: center; }
.tk-due { font-size: 10px; color: var(--yail-mocha); font-family: ui-monospace, "SF Mono", Menlo, monospace; }
.tk-row { display: grid; grid-template-columns: 22px 1fr auto auto; gap: 12px; align-items: center; padding: 10px 14px; background: #fff; border: 1px solid var(--yail-stone); border-radius: 10px; text-decoration: none; }
.tk-row.done { background: var(--yail-cream); }
.tk-row.done .tk-box { background: var(--yail-coffee); border-color: var(--yail-coffee); color: var(--yail-cream); font-size: 11px; font-weight: 700; }
.tk-row.done .tk-box::after { content: "✓"; }
.tk-row.done .tk-ttl { color: var(--yail-mocha); text-decoration: line-through; }
.tk-tag { font-size: 9px; padding: 2px 6px; border-radius: 4px; background: var(--yail-cream); color: var(--yail-coffee); border: 1px solid var(--yail-stone); letter-spacing: .06em; font-weight: 600; max-width: 90px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tk-ttl { font-size: 12.5px; font-weight: 500; color: var(--yail-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
a.tk-row:hover { border-color: var(--yail-coffee); }