/* «مساحة العمل» on the Mihwar design system r51. Tokens, .card/.btn/.chip/.note/.stat/.state come from the verbatim
   lifeos.css; this file only lays out the day schedule and its controls. Logical properties keep RTL. No new colors. */

.ws-page { display: flex; flex-direction: column; gap: 12px; min-width: 0; --ws-line: 26px; }
.ws-field { min-width: 0; }
.ws-time, .ws-num { width: auto; max-width: 8.5em; }
.ws-zone { width: 14em; max-width: 100%; }
.ws-columns { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 12px; align-items: start; }
.ws-col-main, .ws-col-side { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.ws-rows { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.ws-row { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ws-row-main { display: flex; gap: 8px; align-items: flex-start; min-width: 0; }
.ws-row-actions { flex-wrap: wrap; }
.ws-row.ws-edited { border-inline-start: 3px solid var(--accent); }
.ws-row.ws-dragging { opacity: .6; outline: 2px dashed var(--accent); }
/* Touch: the grip alone takes the gesture, so the page still scrolls from anywhere else. */
.ws-grip { touch-action: none; cursor: grab; flex: none; min-width: 44px; min-height: 44px; }
.ws-grip:active { cursor: grabbing; }
.ws-compare { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-block-start: 6px; }
.ws-actual { margin-block-start: 4px; }
.ws-subform { border-block-start: 1px solid var(--line); padding-block-start: 8px; }
.ws-timeline { display: grid; grid-template-columns: 4em minmax(0, 1fr); position: relative; }
.ws-line { grid-column: 1 / -1; border-block-start: 1px solid var(--line); min-height: var(--ws-line); }
.ws-block { grid-column: 2; margin: 1px 2px; padding-inline: 6px; text-align: start; font: inherit; font-size: 13px; color: inherit; background: var(--surface-2); border: 1px solid var(--line); border-radius: 6px; overflow: hidden; min-width: 0; }
.ws-block .ellip { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ws-block.ws-fixed { border-inline-start: 3px solid var(--ink); }
.ws-block.ws-edited { border-style: dashed; border-color: var(--accent); }
.ws-kind-work_window { opacity: .55; }
.ws-lines { padding: 0; margin-block-start: 8px; list-style: none; }
.ws-line-row { align-items: flex-start; }
.ws-preview { scroll-margin-block-start: 64px; }

@media (max-width: 900px) {
  .ws-columns { grid-template-columns: minmax(0, 1fr); }
}