.meeting-space-heading, .meeting-space-row { display:flex; gap:16px; align-items:center; justify-content:space-between; }
.meeting-space-heading { margin-bottom:16px; }
.meeting-space-heading p { margin:0; }
.meeting-space-row { padding:16px 0; border-bottom:1px solid var(--line); }
.meeting-space-description { display:grid; gap:5px; min-width:0; overflow-wrap:anywhere; }
.meeting-space-actions { display:flex; flex-wrap:wrap; gap:8px; }
.meeting-space { border:1px solid var(--line); border-radius:var(--radius); padding:0 18px 12px; margin-bottom:12px; }
.meeting-space:hover { border-color:var(--line-strong); }
.meeting-space-row { border-bottom:0; }
.meeting-space-history > summary { cursor:pointer; padding:10px 0; color:var(--muted); }
.meeting-history-row { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:8px 0; border-top:1px solid var(--line); }
.meeting-history-row button { text-align:start; white-space:normal; overflow-wrap:anywhere; }
.meeting-document-workspace { display:grid; grid-template-columns:280px minmax(0, 1fr); flex:1; min-height:0; }
.meeting-document-history { min-width:0; overflow:auto; padding:20px 14px; border-inline-end:1px solid var(--line); background:var(--surface-solid); }
.meeting-document-history h3 { font:600 15px/1.5 var(--font); }
.meeting-document-history > .button { width:100%; margin-bottom:16px; }
.meeting-thread { display:grid; gap:8px; }
.meeting-thread-message { width:100%; display:grid; gap:7px; padding:15px; border:1px solid var(--line); border-radius:10px; background:var(--surface-solid); color:var(--ink); text-align:start; font:13px/1.5 var(--font); cursor:pointer; overflow-wrap:anywhere; }
.meeting-thread-message:hover { border-color:var(--meeting-line); background:var(--meeting-tint); }
.meeting-thread-message.is-selected { border-color:var(--meeting-accent); background:var(--meeting-tint); box-shadow:inset -3px 0 var(--meeting-accent); }
.meeting-thread-message:focus-visible { outline:2px solid var(--meeting-accent); outline-offset:2px; }
.meeting-thread-message > strong { font-size:15px; }
.meeting-thread-meta { display:flex; justify-content:space-between; gap:8px; color:var(--muted); font-size:11px; }
.meeting-thread-sender { font-size:12px; color:var(--meeting-accent); }
.meeting-thread-preview { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:var(--muted); }
.meeting-space-history .meeting-thread-message { margin-bottom:8px; }
.meeting-document-history h3,.meeting-document-history h4 { margin:0; }
.meeting-review-groups { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.meeting-review-group { min-width:0; max-height:320px; overflow:auto; }
.meeting-review-task { display:grid; gap:6px; padding:14px 0; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.meeting-review-task > span { font-size:13px; }
.meeting-review-task > button { justify-self:start; white-space:normal; text-align:start; }
.meeting-review-task.is-completed > strong { text-decoration:line-through; color:var(--muted); }
@media(max-width:600px) { .meeting-review-groups { grid-template-columns:1fr; } .meeting-document-history .meeting-space-heading { flex-direction:column; align-items:stretch; } }
.meeting-legacy-spaces { margin-top:20px; }
.meeting-legacy-spaces > summary { cursor:pointer; padding-block:12px; color:var(--muted); }
.meeting-participant-dialog { width:min(580px, calc(100vw - 24px)); }
.meeting-participant-dialog[open] { display:flex; flex-direction:column; overflow:hidden; }
.meeting-participant-dialog .modal-header, .meeting-participant-dialog .modal-footer { flex-shrink:0; }
.meeting-participant-dialog .modal-header { align-items:flex-start; }
.meeting-participant-intro { margin:6px 0 0; font-size:13px; line-height:1.6; }
.meeting-participant-dialog .modal-body { min-height:0; overflow-y:auto; display:grid; gap:16px; }
.meeting-participant-dialog form { display:grid; gap:8px; }
.meeting-participant-selected { display:flex; flex-wrap:wrap; gap:8px; }
.meeting-participant-selected:empty { display:none; }
.meeting-participant-selected .button { max-width:100%; white-space:normal; overflow-wrap:anywhere; border-radius:999px; background:var(--primary-soft); color:var(--primary); }
.meeting-participant-results { max-height:220px; overflow:auto; }
.meeting-participant-results > p { margin:0; padding:12px; border-radius:12px; background:var(--surface-soft); font-size:13px; line-height:1.6; }
.meeting-participant-row { display:flex; gap:12px; align-items:center; padding:12px; border-radius:12px; cursor:pointer; }
.meeting-participant-row:hover, .meeting-participant-row:focus-within { background:var(--surface-soft); }
.meeting-participant-row > span { display:grid; gap:5px; min-width:0; overflow-wrap:anywhere; }
#meeting-participant-dialog input[type="checkbox"] { flex:0 0 20px; width:20px; height:20px; min-height:0; margin:2px 0 0; padding:0; accent-color:var(--primary); }
.meeting-participant-dialog input[type="checkbox"]:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.meeting-space-setup { padding:16px; border:1px solid var(--line); border-radius:16px; background:var(--surface-solid); }
.meeting-new-space-option { display:flex; gap:12px; align-items:flex-start; cursor:pointer; }
.meeting-new-space-option > span { display:grid; gap:5px; min-width:0; }
.meeting-new-space-option strong { font-size:14px; }
.meeting-new-space-option small { font-size:13px; line-height:1.6; }
.meeting-new-space-fields:not([hidden]) { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; margin-top:16px; padding-top:16px; border-top:1px solid var(--line); }
.meeting-new-space-fields .field { min-width:0; }
.meeting-new-space-fields input { min-width:0; }
.meeting-participant-history-hint { margin:0; font-size:13px; line-height:1.6; }
.meeting-participant-dialog .modal-footer { justify-content:space-between; gap:12px; }
.meeting-participant-dialog .modal-footer .muted { font-size:12px; }
@media(max-width:480px) {
  .meeting-new-space-fields:not([hidden]) { grid-template-columns:minmax(0, 1fr); }
  .meeting-participant-dialog .modal-header, .meeting-participant-dialog .modal-footer { padding-inline:16px; }
  .meeting-participant-dialog .modal-footer { flex-wrap:wrap; }
  .meeting-space-setup { padding:12px; }
}
/* Use the same glass frame, solid content, fonts and controls as other dialogs.
   Meeting themes color subjects and chips, without replacing the app theme. */
.meeting-document-dialog {
  --meeting-accent:var(--primary);
  --meeting-tint:color-mix(in srgb, var(--meeting-accent) 10%, var(--surface-solid));
  --meeting-line:color-mix(in srgb, var(--meeting-accent) 25%, var(--line));
  width:min(1200px, calc(100vw - 32px)); max-width:none;
  height:min(900px, calc(100dvh - 32px)); max-height:calc(100dvh - 32px);
  padding:0; overflow:hidden; font-family:var(--font);
}
.meeting-document-dialog[open] { display:flex; flex-direction:column; }
.meeting-document-dialog[data-theme=teal] { --meeting-accent:#087f78; }
.meeting-document-dialog[data-theme=violet] { --meeting-accent:#7852bb; }
.meeting-document-dialog[data-theme=amber] { --meeting-accent:#94630e; }
.meeting-document-dialog[data-theme=coral] { --meeting-accent:#b64e3d; }
.meeting-document-dialog[data-theme=slate] { --meeting-accent:var(--muted); }
html[data-theme=dark] .meeting-document-dialog[data-theme=teal] { --meeting-accent:#54c3b9; }
html[data-theme=dark] .meeting-document-dialog[data-theme=violet] { --meeting-accent:#b59bf0; }
html[data-theme=dark] .meeting-document-dialog[data-theme=amber] { --meeting-accent:#e4b76a; }
html[data-theme=dark] .meeting-document-dialog[data-theme=coral] { --meeting-accent:#efa08e; }
.meeting-document-toolbar { display:flex; flex-shrink:0; flex-wrap:wrap; gap:16px; align-items:center; justify-content:space-between; padding:18px 24px 12px; border-bottom:1px solid var(--line); }
.meeting-document-identity { display:flex; flex-wrap:wrap; gap:10px; align-items:center; min-width:0; flex:1; }
.meeting-document-identity input { font-size:19px; font-weight:700; width:min(390px, 100%); max-width:100%; }
.meeting-document-identity > span { font-size:12px; }
.meeting-document-controls { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.meeting-document-controls .glass-select { min-width:105px; width:auto; }
.meeting-document-controls > select { width:105px; min-width:0; font:13px/1.5 var(--font); }
.meeting-document-identity input { width:min(300px, 100%); }
.meeting-document-toolbar { gap:12px; padding:16px 24px; }
.meeting-document-participants { flex-shrink:0; font-size:13px; color:var(--muted); padding:10px 24px; overflow-wrap:anywhere; }
.meeting-document-scroll { flex:1; min-height:0; overflow:auto; padding:14px 20px 20px; overscroll-behavior:contain; }
.meeting-document-paper { background:var(--surface-solid); border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 10px 32px color-mix(in srgb, var(--ink) 5%, transparent); padding:36px clamp(20px, 5vw, 64px) 20px; min-height:100%; max-width:900px; margin-inline:auto; display:flex; flex-direction:column; }
.meeting-document-canvas { outline:none; flex:1; min-height:260px; font:16px/1.75 var(--font); white-space:pre-wrap; overflow-wrap:anywhere; padding-bottom:48px; caret-color:var(--meeting-accent); }
.meeting-document-paper:has(.meeting-document-canvas:focus-visible) { border-color:var(--meeting-line); }
.meeting-block { position:relative; display:block; padding:7px 8px; padding-inline-start:calc(8px + var(--block-indent, 0) * 20px); min-height:42px; }
.meeting-block-subject { font-size:20px; font-weight:700; line-height:1.5; color:var(--meeting-accent); border-bottom:1px solid var(--meeting-line); padding:13px 8px 11px; margin:22px 0 8px; }
.meeting-block-subject:first-child { margin-top:0; }
.meeting-block-task.is-completed .meeting-block-text { text-decoration:line-through; color:var(--muted); }
.meeting-block-task.is-completed .meeting-block-mark { color:#16815a; }
.meeting-block-mark { display:inline-block; width:24px; color:var(--meeting-accent); user-select:none; font-size:18px; vertical-align:top; }
.meeting-block-mark:empty { display:none; }
.meeting-block-subject .meeting-block-mark { display:none; }
.meeting-block[data-caret] .meeting-block-text:has(> br:only-child)::before { content:attr(data-placeholder); color:var(--faint); font-size:15px; font-weight:400; pointer-events:none; position:absolute; }
.meeting-chip { display:inline-block; vertical-align:middle; font:12px/1.6 var(--font); margin:0 5px; padding:3px 9px; border:1px solid var(--meeting-line); border-radius:999px; color:var(--meeting-accent); background:var(--meeting-tint); cursor:pointer; user-select:none; }
span.meeting-chip { cursor:default; }
.meeting-date-chip { color:var(--muted); }
.meeting-date-entry { color:var(--meeting-accent); border:1px dashed currentColor; pointer-events:none; }
.meeting-date-warning { font-size:12px; color:var(--danger); margin-inline:8px; }
.meeting-document-paper-footer { display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; border-top:1px solid var(--line); padding-top:14px; font-size:12px; }
.meeting-document-dialog .is-error { color:var(--danger); }
.meeting-mention-menu { position:absolute; z-index:5; top:100%; inset-inline-start:calc(8px + var(--block-indent, 0) * 24px); display:grid; min-width:min(260px, 100%); max-width:100%; max-height:220px; overflow:auto; background:var(--surface-solid); box-shadow:var(--shadow-float); border:1px solid var(--line-strong); border-radius:12px; padding:5px; white-space:normal; }
.meeting-mention-menu button { text-align:start; background:transparent; border:0; border-radius:8px; padding:10px 12px; color:var(--ink); font:14px/1.5 var(--font); cursor:pointer; }
.meeting-mention-menu button[aria-selected=true] { background:var(--meeting-tint); color:var(--meeting-accent); }
.meeting-document-help,.meeting-document-notice,.meeting-document-conflict,.meeting-document-my-tasks { padding:18px 22px; margin:0 0 12px; background:var(--surface-solid); border:1px solid var(--line); border-radius:var(--radius); font:14px/1.8 var(--font); }
.meeting-document-help p { margin:6px 0; }
.meeting-document-conflict { border-color:var(--warning); }
.meeting-document-my-tasks { margin:16px 0 0; }
.meeting-document-my-tasks h3 { margin-top:0; }
.meeting-my-task-row { display:flex; gap:16px; justify-content:space-between; align-items:center; padding:14px 0; border-bottom:1px solid var(--line); }
@media(max-width:850px) {
  .meeting-document-workspace { grid-template-columns:210px minmax(0, 1fr); }
  .meeting-document-toolbar { gap:12px; padding:16px; }
  .meeting-document-identity,.meeting-document-controls { width:100%; }
  .meeting-document-participants { padding:0 16px 12px; }
  .meeting-document-scroll { padding:9px; }
  .meeting-document-paper { padding:22px 18px 16px; }
  .meeting-block { padding-inline-start:calc(4px + var(--block-indent, 0) * 12px); }
  .meeting-block-subject { font-size:18px; }
  .meeting-chip { margin-inline:3px; }
}
@media(max-width:500px) {
  .meeting-document-workspace { display:flex; flex-direction:column; }
  .meeting-document-history { flex-shrink:0; overflow:hidden; padding:10px 12px; border-inline-end:0; border-bottom:1px solid var(--line); }
  .meeting-document-history .meeting-space-heading { margin-bottom:8px; }
  .meeting-document-history > .button { width:auto; margin-bottom:8px; }
  .meeting-thread { display:flex; overflow-x:auto; gap:8px; }
  .meeting-thread-message { flex:0 0 210px; padding:10px; gap:3px; }
  .meeting-thread-sender,.meeting-thread-preview { display:none; }
  body:has(#meeting-document-dialog[open]) > .app-main,
  body:has(#meeting-document-dialog[open]) > .app-header { display:none; }
  .meeting-document-dialog { width:calc(100vw - 12px); height:calc(100dvh - 12px); max-height:calc(100dvh - 12px); margin:auto; }
  .meeting-space-heading,.meeting-space-row { align-items:stretch; flex-direction:column; gap:10px; }
  .meeting-document-controls .icon-button { margin-inline-start:auto; }
}

.meeting-new-space-option { display: flex; align-items: center; gap: 10px; margin-block: 16px; }
.meeting-new-space-fields { display: grid; gap: 8px; margin-block-end: 16px; }

/* Cloud-only personal-board contribution panel, on the physical left in RTL. */
.has-meeting-board .meeting-document-workspace { grid-template-columns:240px minmax(0, 1fr) 340px; }
.has-meeting-board .meeting-document-paper { padding-inline:24px; }
.meeting-board-panel { min-width:0; min-height:0; display:flex; flex-direction:column; gap:12px; padding:18px; background:var(--surface-solid); border-inline-start:1px solid var(--line); overflow:hidden; }
.meeting-board-panel[hidden] { display:none; }
.meeting-board-panel > * { flex-shrink:0; }
.meeting-board-panel > .field { flex:0 0 auto; margin:0; }
.meeting-board-heading,.meeting-board-summary { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.meeting-board-heading h3,.meeting-board-heading p { margin:0; }
.meeting-board-heading p,.meeting-board-summary,.meeting-board-footer { font-size:12px; }
.meeting-board-select-all { display:flex; align-items:center; gap:10px; min-height:40px; font-size:14px; }
.meeting-board-panel input[type=checkbox] { flex:0 0 20px; width:20px; height:20px; min-height:0; padding:0; margin:0; accent-color:var(--meeting-accent); }
.meeting-board-panel input[type=checkbox]:focus-visible { outline:2px solid var(--meeting-accent); outline-offset:3px; }
.meeting-board-list { flex:1 1 auto; min-height:80px; overflow:auto; }
.meeting-board-group h4 { font-size:12px; margin:12px 0 6px; }
.meeting-board-task { display:flex; align-items:center; gap:10px; padding:12px 8px; min-height:58px; border-bottom:1px solid var(--line); border-radius:10px; cursor:grab; }
.meeting-board-task.is-selected { background:var(--meeting-tint); }
.meeting-board-task.is-shared { cursor:default; color:var(--muted); }
.meeting-board-task.is-dragging { opacity:.5; }
.meeting-board-task-content { display:grid; gap:4px; min-width:0; flex:1; overflow-wrap:anywhere; }
.meeting-board-task-content strong { font-size:14px; font-weight:500; }
.meeting-board-task-content small { font-size:12px; }
.meeting-board-drag { color:var(--muted); font-size:24px; user-select:none; }
.meeting-board-footer { border-top:1px solid var(--line); padding-top:10px; }
.meeting-board-footer .field { margin-block:12px; }
.meeting-board-footer .button { width:100%; }
.meeting-board-footer p { margin:6px 0; }
.meeting-board-source { display:block; font:12px/1.6 var(--font); color:var(--muted); padding-inline-start:24px; user-select:none; }
.meeting-drop-before::before,.meeting-drop-after::after { content:"שחרור המשימה כאן"; position:absolute; inset-inline:0; height:2px; background:var(--meeting-accent); color:var(--meeting-accent); font:12px/1.5 var(--font); text-align:center; pointer-events:none; z-index:2; }
.meeting-drop-before::before { top:0; }
.meeting-drop-after::after { bottom:0; }
@media(max-width:1150px) {
  .has-meeting-board .meeting-document-workspace { grid-template-columns:minmax(0, 1fr) 320px; }
  .has-meeting-board .meeting-document-history { display:none; }
}
@media(max-width:760px) {
  .has-meeting-board .meeting-document-workspace { display:flex; flex-direction:column; overflow:auto; }
  .has-meeting-board .meeting-board-panel { display:block; order:-1; flex:0 0 auto; height:auto; max-height:none; overflow:visible; border-inline-start:0; border-bottom:1px solid var(--line); }
  .has-meeting-board .meeting-board-panel > * + * { margin-block-start:12px; }
  .has-meeting-board .meeting-board-list { flex:none; max-height:220px; overflow:auto; }
  .has-meeting-board .meeting-document-scroll { flex:none; overflow:visible; }
  .has-meeting-board .meeting-document-paper { padding-inline:12px; }
  .meeting-board-panel .button,.meeting-board-panel select { min-height:44px; }
}
.meeting-new-space-fields[hidden] { display: none; }
.meeting-new-space-fields input { width: 100%; min-width: 0; }