/* OTZ Board styles (RTL) */
.otz-board-wrap { font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial; direction: rtl; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.otz-board-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin: 1rem 0; flex-wrap: wrap; }
.otz-title { margin:0; font-size:1.5rem; }
.otz-tools { display:flex; gap:0.75rem; align-items:center; }
.otz-search { padding:8px; min-width: 220px; }
.otz-shot-btn, .otz-convert-btn { padding:8px 12px; cursor:pointer; border:1px solid #ddd; background:#f6f6f6; border-radius:6px; }
.otz-board-canvas { border:1px solid #e5e7eb; border-radius:8px; padding:1rem; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.otz-meta { color:#555; font-size:0.85rem; margin-bottom:0.5rem; display:flex; justify-content:flex-start; }
.otz-table { width: 100%; border-collapse: collapse; }
.otz-table th, .otz-table td { border-bottom: 1px solid #eee; padding: 8px 10px; text-align: right; white-space: nowrap; }
.otz-table th { background: #fafafa; position: sticky; top: 0; z-index: 1; }
.otz-table tbody tr:nth-child(even){ background: #fcfcfc; }
.otz-table tbody tr:hover td{ background: #f7f7f7; }
.otz-rows tr.hidden { display:none; }

.otz-client { display:flex; gap:1rem; align-items:baseline; margin: .5rem 0 1rem; flex-wrap: wrap; }
.otz-client-title { font-weight:600; }
.otz-client-time { font-size:1.25rem; font-weight:700; }
.otz-client-meta { color:#666; }

.otz-converter { margin: 1rem 0; }
.otz-converter .row { display:flex; flex-wrap:wrap; gap:0.6rem; align-items:center; }
.otz-result { margin-inline-start: 0.5rem; font-weight:600; }

@media (max-width: 640px){
  .otz-tools { width: 100%; justify-content: space-between; }
  .otz-search { flex: 1 1 auto; min-width: 140px; }
  .otz-board-canvas { padding: .75rem; }
  .otz-table td, .otz-table th { padding: 8px; }
}