/* Minhas Demandas (minhas-demandas.js): quadro Kanban por colaborador.
   Os cards reaproveitam .kcard e as colunas .kcol para o arrastar da Gestão de Demandas. */

.md-wrap .page-head .row{flex-wrap:wrap}
.md-board{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
.md-lane{display:flex;flex-direction:column;gap:10px;min-height:240px;padding:12px;border-radius:16px;scroll-snap-align:start;
  background:linear-gradient(170deg,hsl(var(--fg)/.06),hsl(var(--fg)/.015));border:1px solid hsl(var(--fg)/.1);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .15s,background .15s}
.md-lane.over{border-color:hsl(var(--primary));background:hsl(var(--primary)/.08)}
.md-lane-head{display:flex;align-items:center;gap:8px;padding:2px 4px}
.md-lane-head h2{margin:0;font-size:14px}
.md-lane-head .count{margin-left:auto}
.md-dot{width:8px;height:8px;border-radius:50%;background:hsl(var(--fg)/.35)}
.md-lane[data-base="DOING"] .md-dot{background:hsl(var(--primary))}
.md-lane[data-base="REVIEW"] .md-dot{background:#F2C14E}
.md-lane[data-base="DONE"] .md-dot{background:#22c55e}
.md-list{display:flex;flex-direction:column;gap:10px;flex:1}
.md-drop{margin:0;padding:28px 8px;text-align:center;font-size:12px;color:hsl(var(--muted-fg));border:1px dashed hsl(var(--fg)/.15);border-radius:12px}

/* ---------- card ---------- */
.md-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:12px 12px 12px 15px;border-radius:14px;cursor:grab;
  background:hsl(var(--card)/.72);border:1px solid hsl(var(--fg)/.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:transform .12s,border-color .12s,box-shadow .12s}
.md-card:hover{border-color:hsl(var(--fg)/.22);box-shadow:0 10px 26px -14px rgba(0,0,0,.7)}
.md-card:active{cursor:grabbing}
.md-card::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--u,hsl(var(--fg)/.2))}
.md-head{display:flex;align-items:center;gap:8px;min-width:0}
.md-head .badge{margin-left:auto;flex-shrink:0}
.avatar.md-logo{width:28px;height:28px;font-size:11px;flex-shrink:0;border-radius:8px}
.avatar.md-logo img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.md-intern{display:grid;place-items:center;background:hsl(var(--fg)/.08)}
.md-client{font-size:12px;font-weight:700;color:hsl(var(--muted-fg));min-width:0}
.md-title{margin:0;font-size:15px;line-height:1.3}
.md-title .tlink{white-space:normal;overflow-wrap:anywhere}
.md-brief{margin:0;font-size:13px;line-height:1.45;color:hsl(var(--fg)/.82);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.md-muted{color:hsl(var(--muted-fg));font-style:italic}
.md-files{display:flex;align-items:center;gap:6px}
.md-file{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;overflow:hidden;background:hsl(var(--fg)/.08)}
.md-file img{width:100%;height:100%;object-fit:cover}
.md-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.md-due{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800;
  color:var(--u,hsl(var(--muted-fg)));background:color-mix(in srgb,var(--u,#888) 14%,transparent)}
.md-card .status-sel{min-height:36px;font-size:12px}

/* ---------- urgência: a mesma cor na faixa lateral e no prazo ---------- */
.u-late{--u:#ff4d4d}
.u-today{--u:#E94E1B}
.u-soon{--u:#F2C14E}
.u-ok{--u:hsl(var(--fg)/.55)}
.u-none{--u:hsl(var(--fg)/.25)}
.u-done{--u:#22c55e}
.md-card.u-late{border-color:rgba(255,77,77,.35)}
.md-legend{display:flex;gap:14px;flex-wrap:wrap}
.md-legend span{display:inline-flex;align-items:center;gap:6px}
.md-legend span::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--u)}

@media(max-width:1023px){.md-board{grid-template-columns:repeat(4,minmax(280px,82vw))}}
@media(max-width:639px){.md-board{grid-template-columns:repeat(4,minmax(0,88vw));gap:10px}.md-lane{padding:10px}}
@media(prefers-reduced-motion:reduce){.md-card{transition:none}}
