/* Board layout for the shop/school/court print pages.
   Geometry comes from converter-page.css. This file only adjusts the desk fields
   on those pages. Do not load it on rifa, bingo, puzzles, or the calculators. */

.desk-board .desk-title-row { display: flex; align-items: flex-start; gap: 10px; }
.desk-board .desk-title-row .conv-title { flex: 1; min-width: 0; }
.desk-board .desk-mark {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: none;
  margin-top: 2px;
  border-radius: 12px;
  background: #2563eb;
  color: #fff;
}
.desk-board .desk-mark svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.article .desk-board .conv-title {
  color: #172033;
  font-size: clamp(1.55rem, 2vw, 2.05rem);
  letter-spacing: -0.045em;
  line-height: 1.08;
}
.article .desk-board .conv-lede {
  margin: 0 0 18px;
  color: #5346c7;
  font-size: 1.02rem;
  line-height: 1.4;
}
.article .desk-board .conv-perks { gap: 14px; }
.article .desk-board .conv-perks li { gap: 12px; font-size: 0.84rem; }
.desk-board .conv-perks strong { color: #1d4ed8; font-size: 0.95rem; }
.desk-board .conv-perk { width: 42px; height: 42px; background-size: 22px; }
.article .desk-board img.conv-art {
  display: block;
  width: min(100%, 210px);
  max-width: none;
  height: auto;
  margin: 18px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
}
@media (max-width: 980px) {
  .article .desk-board img.conv-art { display: none; }
}
.desk-board .conv-perk.is-list {
  background-color: #fef3c7;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='2'%3E%3Cpath d='M8 6h12M8 12h12M8 18h12'/%3E%3Ccircle cx='4' cy='6' r='1' fill='%23d97706'/%3E%3Ccircle cx='4' cy='12' r='1' fill='%23d97706'/%3E%3Ccircle cx='4' cy='18' r='1' fill='%23d97706'/%3E%3C/svg%3E");
}
.desk-board .conv-perk.is-people {
  background-color: #ede9fe;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237c3aed'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3.5 19c.6-2.8 2.8-4 5.5-4s4.9 1.2 5.5 4z'/%3E%3Ccircle cx='17' cy='9' r='2'/%3E%3Cpath d='M16 15c1.8.2 3.2 1.1 3.8 3'/%3E%3C/svg%3E");
}
.desk-board .conv-perk.is-tag {
  background-color: #dbeafe;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563eb'%3E%3Cpath d='M3 12.5 12.2 3H20v7.8L10.8 20.2z'/%3E%3Ccircle cx='16.2' cy='7.8' r='1.3' fill='%23fff'/%3E%3C/svg%3E");
}
.desk-board .conv-perk.is-court {
  background-color: #dcfce7;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='16' rx='1'/%3E%3Cpath d='M12 4v16M3 12h18'/%3E%3C/svg%3E");
}

.desk-board .desk-page { margin: 0; }
.desk-board .conv-board {
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  gap: 12px;
}
.desk-board .conv-card,
.desk-board .conv-steps {
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.desk-board .conv-steps li > span:first-child {
  width: 34px;
  height: 34px;
  background: #e8eef8;
  color: #64748b;
  font-size: 0.92rem;
}
.desk-board .conv-steps .is-on > span:first-child { background: #2563eb; color: #fff; }
.desk-board .conv-steps .is-on strong { color: #2563eb; }
.desk-board .desk-n {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: none;
  border-radius: 50%;
  background: #2563eb;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 800;
}
.article .desk-board h2.conv-card-title { margin: 0; }
.article .desk-board p { margin: 0; }
.article .desk-board .desk-note {
  margin: 8px 0 0;
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.4;
}
.article .desk-board .desk-status { margin: 8px 0 0; }
.desk-board .desk-fields { margin-top: 4px; }
.desk-board .desk-actions { margin-top: 14px; }
.desk-board .desk-go {
  flex: 1 1 100%;
  min-height: 46px;
  border-radius: 12px;
}
.desk-board .desk-ghost { flex: 1 1 140px; min-height: 42px; border-radius: 12px; }
.desk-board .desk-preview {
  min-height: 180px;
  max-height: 640px;
  border-radius: 12px;
}
.desk-board [hidden] { display: none !important; }

@media (max-width: 1100px) {
  .desk-board .conv-board { grid-template-columns: minmax(0, 1fr); }
}

html[data-theme="dark"] .article .desk-board .conv-title { color: #f8fafc; }
html[data-theme="dark"] .article .desk-board .conv-lede { color: #c4b5fd; }
html[data-theme="dark"] .desk-board .conv-perks strong { color: #93c5fd; }
html[data-theme="dark"] .desk-board .conv-steps li > span:first-child { background: #334155; color: #cbd5e1; }
html[data-theme="dark"] .desk-board .conv-steps .is-on > span:first-child { background: #2563eb; color: #fff; }
html[data-theme="dark"] .article .desk-board .desk-note { color: #94a3b8; }