/* PRISME 2D CAD — 기하학적 공차·모양 (cad2d_tolerance.js, spec 027 WP-30). Shell classes (cads-*) do the rest. */

.cadt-fcf { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.cadt-table { width: 100%; border-collapse: separate; border-spacing: 6px 4px; }
.cadt-table th { padding: 0 0 2px; color: var(--cad-text-muted); font-weight: normal; text-align: center; white-space: nowrap; }
.cadt-cell { white-space: nowrap; }
.cadt-cell > * { vertical-align: middle; }

/* A box that shows a symbol and is clicked to change it. */
.cadt-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid var(--cad-border);
  border-radius: 1px;
  background: var(--cad-bg-input);
  color: var(--cad-text);
  cursor: pointer;
}
.cadt-box:hover { background: var(--cad-bg-hover); }
.cadt-box:focus-visible { border-color: var(--cad-accent); outline: 1px solid var(--cad-accent); }
.cadt-symbol { width: 18px; height: 18px; overflow: visible; }
.cadt-symbol path { fill: none; stroke: currentColor; stroke-width: 0.08; stroke-linecap: round; stroke-linejoin: round; }

.cadt-value { width: 58px; margin: 0 2px; font-family: var(--cad-font-mono); }
.cadt-datum { width: 40px; margin-left: 0; }
.cadt-wide { width: 84px; margin: 0; }
.cadt-bottom { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: center; }
/* (scoped: the table dialogs own a `.cadt-field` grid in cad2d_tables.css, loaded earlier) */
.cadt-bottom > .cadt-field { display: inline-flex; gap: 6px; align-items: center; white-space: nowrap; }

/* 기호 · 재료 조건 */
.cadt-grid { display: grid; grid-template-columns: repeat(5, 36px); gap: 4px; justify-content: center; }
.cadt-grid-item { width: 36px; height: 36px; }
.cadt-grid-item .cadt-symbol { width: 26px; height: 26px; }

/* 누락된 SHX 파일 */
.cadt-open { display: flex; flex-direction: column; gap: 8px; }
.cadt-open p { margin: 0; line-height: 1.5; }
.cadt-missing { max-height: 140px; margin: 0; padding: 4px 8px 4px 24px; overflow: auto; border: 1px solid var(--cad-border-soft); background: var(--cad-bg-input); }

@media (max-width: 760px) {
  .cadt-table { display: block; overflow-x: auto; }
}