/* ============================================================
   claudestyle-mandala · 卡型共用樣式（mandala-cards.css）
   六不變 #5：實心色塊、不用 1px 線框、不用單邊色條、不用漸層——不變。
   圓角／方角＝每站一次的品味閘（docs/rulings-2026-09-05.md）：
     html[data-card="square"]   大都會方框（taxi.nqio.dev、nqio9 靜態頁，2026-09-05）
     html[data-card="rounded"]  手繪不等圓角（Think9 app，2026-09-04）
   跟 palette-tokens.css 一起 vendored；副本要登記 copies.json。
   ============================================================ */

/* ---- 大都會方框：卡、面板、按鈕、標籤一律直角，只有真正的圓保留 ---- */
html[data-card="square"] .card,
html[data-card="square"] .panel,
html[data-card="square"] .btn,
html[data-card="square"] .badge,
html[data-card="square"] .tile,
html[data-card="square"] [class*="card"],
html[data-card="square"] [class*="panel"],
html[data-card="square"] [class*="badge"],
html[data-card="square"] [class*="btn"],
html[data-card="square"] [class*="tab"],
html[data-card="square"] [class*="step"],
html[data-card="square"] .gc,
html[data-card="square"] .cb,
html[data-card="square"] button,
html[data-card="square"] input,
html[data-card="square"] select,
html[data-card="square"] textarea {
  border-radius: 0;
}
html[data-card="square"] .round,
html[data-card="square"] .dot,
html[data-card="square"] .avatar { border-radius: 50%; }

/* 實心填色卡：tint 當底、on-tint 當字；沒有線框、沒有單邊色條 */
html[data-card="square"] .tile,
html[data-card="square"] .card-fill {
  display: flex; flex-direction: column; justify-content: space-between;
  min-height: 96px; padding: 18px; border: 0;
  background: var(--tint-1); color: var(--accent-strong);
}
html[data-card="square"] .tile-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; }

/* ---- 手繪不等圓角（Think9 app 型）---- */
html[data-card="rounded"] .card,
html[data-card="rounded"] .tile,
html[data-card="rounded"] .gc { border-radius: 20px 14px 22px 16px; }
html[data-card="rounded"] .card:nth-child(even),
html[data-card="rounded"] .gc:nth-child(even) { border-radius: 14px 22px 16px 20px; }