/* Additional note tools use the existing Liquid Glass surfaces and controls. */
.md-table-scroll { max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; touch-action:pan-x pan-y; margin:8px 0; border-radius:6px; }
.md-body .md-table-scroll table { width:max-content; min-width:100%; margin:0; }
.md-body .md-table-scroll td, .md-body .md-table-scroll th { min-width:90px; max-width:380px; white-space:normal; overflow-wrap:anywhere; }
.md-body img[role="button"] { cursor:zoom-in; }
.md-body img[role="button"]:focus-visible { outline:2px solid var(--primary-light); outline-offset:3px; }
#notesTable mark { background:rgba(46,139,240,.14); background:color-mix(in srgb,var(--primary-light) 14%,transparent); color:var(--text); border-radius:3px; padding:0 2px; }
.search-match-label { font-size:var(--fs-xs); color:var(--text-secondary); margin-top:4px; }
.search-error { padding:30px!important; text-align:center; }
.search-error p { margin-bottom:12px; }

.draft-status { margin-right:auto; align-self:center; color:var(--text-secondary); font-size:var(--fs-sm); line-height:1.45; }
.draft-status:empty { display:none; }
.draft-conflict {
  padding:14px; margin:12px 0; border:1px solid var(--glass-brd); border-radius:16px;
  background:var(--glass-bg-solid); color:var(--text); font-size:var(--fs-base); line-height:1.65;
  box-shadow:var(--glass-sh),var(--glass-hi);
  -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur);
}
.draft-conflict > p { margin:6px 0 10px; color:var(--text-secondary); }
.draft-conflict .conflict-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:10px; }
.draft-conflict .conflict-fields > div { min-width:0; }
.draft-conflict pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:240px; overflow:auto; font:inherit; font-size:var(--fs-sm); margin:6px 0; padding:10px; background:var(--glass-bg); border:1px solid var(--border); border-radius:12px; }
#summaryJobProgress, #titleJobProgress { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
#summaryJobProgress > span, #titleJobProgress > span { flex:1 1 260px; min-width:0; }

.summary-actions { display:flex; gap:6px; flex-wrap:wrap; margin-top:6px; }
.summary-actions .btn { font-size:var(--fs-sm); padding:5px 10px; }
.summary-meta.summary-tools { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; align-items:stretch; }
.summary-meta.summary-tools > span { grid-column:1/-1; min-width:0; overflow-wrap:anywhere; }
.summary-meta.summary-tools > .summary-actions { grid-column:1/span 2; grid-row:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; }
.summary-meta.summary-tools > .ai-btn { grid-column:3; grid-row:2; }
.summary-meta.summary-tools .btn,
.summary-meta.summary-tools > .ai-btn {
  width:100%; min-width:0; height:36px; min-height:36px; padding:6px 10px; margin:0!important;
  display:flex; align-items:center; justify-content:center; white-space:nowrap;
  font-family:inherit; font-size:13px; font-weight:500; line-height:1.3;
  border-radius:12px; color:var(--text); background:var(--glass-bg);
  border:1px solid var(--glass-brd); box-shadow:var(--glass-hi);
}

/* Keep the original modal header/body/footer structure and theme inheritance. */
.summary-workspace-overlay {
  position:fixed; inset:0; z-index:420; display:flex; align-items:flex-start; justify-content:center;
  padding:40px 16px 16px; background:rgba(18,28,46,.34);
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
}
.summary-workspace {
  width:min(1100px,96vw); max-height:88dvh; min-height:0; display:flex; flex-direction:column;
  padding:0; overflow:hidden; border-radius:16px;
  background:var(--glass-bg-solid); border:1px solid var(--glass-brd);
  box-shadow:var(--glass-sh),var(--glass-hi);
  -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur);
  backdrop-filter:var(--glass-refract);
}
.summary-workspace-header {
  display:flex; justify-content:space-between; align-items:center; flex:0 0 auto;
  gap:12px; margin:0; padding:16px 20px; border-bottom:1px solid var(--border);
}
.summary-workspace-header h3 { min-width:0; margin:0; font-size:var(--fs-lg); line-height:1.35; overflow-wrap:anywhere; }
.summary-workspace .modal-close { width:32px; height:32px; padding:0; flex:0 0 auto; display:flex; align-items:center; justify-content:center; }
.summary-workspace-body { flex:1 1 auto; min-height:0; overflow:auto; overscroll-behavior:contain; padding:20px; font-size:var(--fs-base); line-height:1.65; }
.summary-workspace-body > p { margin:0 0 14px; color:var(--text-secondary); }
.summary-workspace .summary-diff { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0 0 14px; }
.summary-workspace .summary-diff > div { min-width:0; padding:12px; border:1px solid var(--border); border-radius:16px; background:var(--glass-bg); }
.summary-workspace .summary-diff > div > b { display:block; margin-bottom:8px; font-size:var(--fs-sm); color:var(--text-secondary); }
.summary-workspace .summary-diff .md-body { max-height:36dvh; overflow:auto; overscroll-behavior:contain; font-size:var(--fs-md); line-height:1.8; }
.summary-workspace .summary-text-field { margin:0; }
.summary-workspace .summary-text-field label { font-size:var(--fs-base); margin-bottom:6px; }
.summary-workspace textarea {
  display:block; width:100%; min-height:38dvh; padding:12px; resize:vertical;
  border:1px solid var(--border); border-radius:12px; background:var(--glass-bg-solid); color:var(--text);
  font-family:inherit; font-size:14px; line-height:1.8;
}
.summary-workspace textarea:focus { border-color:var(--primary-light); box-shadow:0 0 0 3px rgba(46,117,182,.12); }
.summary-workspace pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:320px; overflow:auto; font-family:inherit; font-size:var(--fs-sm); line-height:1.65; }
.summary-workspace .summary-workspace-actions { display:flex; flex:0 0 auto; gap:8px; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:0; padding:14px 20px; border-top:1px solid var(--border); }
.summary-workspace .summary-workspace-actions:empty { display:none; }
.summary-workspace-actions > label { display:flex; align-items:center; gap:6px; margin-right:auto; font-size:var(--fs-sm); line-height:1.5; color:var(--text-secondary); }
.summary-workspace-actions .summary-lock { flex:0 0 auto; width:auto; accent-color:var(--primary-light); }
.summary-workspace .summary-error { flex:0 0 auto; color:var(--star3); font-size:var(--fs-sm); line-height:1.5; margin:0 20px 12px; padding:10px 12px; border:1px solid var(--border); border-radius:12px; background:var(--glass-bg); }
.summary-workspace .summary-error:empty { display:none; }
.summary-history-item { margin:0 0 10px; padding:12px 14px; border:1px solid var(--border); border-radius:16px; background:var(--glass-bg); font-size:var(--fs-base); line-height:1.65; }
.summary-history-item:last-child { margin-bottom:0; }
.summary-history-item > summary { cursor:pointer; font-weight:500; overflow-wrap:anywhere; }
.summary-history-item details { margin:8px 0; }
.summary-history-item > p { color:var(--text-secondary); margin:8px 0; }
.summary-history-item .summary-diff { margin-top:10px; margin-bottom:0; }
.summary-history-item .btn { margin-top:6px; }
.summary-input-preview { margin-top:14px; padding:14px; border:1px solid var(--border); border-radius:16px; background:var(--glass-bg); font-size:var(--fs-md); line-height:1.8; }

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
  .summary-workspace, .draft-conflict { background:rgba(255,255,255,.92); }
}

/* Mirror the final Pure White mobile overrides, including safe areas. */
@media(max-width:768px) {
  #notesTable mark { background:rgba(17,24,39,.08); color:var(--text); }
  #modalOverlay .draft-status { grid-column:1/-1; margin:0; width:100%; text-align:center; font-size:11px; }
  .draft-conflict { border-radius:22px; padding:12px; margin:10px 0; background:rgba(255,255,255,.72); box-shadow:0 12px 28px rgba(17,24,39,.10),0 1px 0 rgba(255,255,255,.88) inset; }
  #modalOverlay #editConflict { flex:0 0 auto; min-height:0; max-height:32dvh; overflow:auto; margin:0; }
  .draft-conflict .conflict-fields { grid-template-columns:1fr; gap:8px; }
  .draft-conflict pre { max-height:160px; border-radius:16px; }
  .draft-conflict .btn { border-radius:999px!important; margin-top:4px; }
  /* Override the original mobile flex !important only for the summary tools grid. */
  .summary-meta.summary-tools { display:grid!important; align-items:stretch!important; }
  .summary-actions { gap:6px; }
  .summary-actions .btn { min-height:32px; padding:5px 12px; border-radius:999px!important; }
  .summary-meta.summary-tools .btn,
  .summary-meta.summary-tools > .ai-btn { height:40px; min-height:40px; padding:6px; font-size:12px; border-radius:999px!important; }
  .summary-workspace-overlay.modal-overlay.open,
  .summary-workspace-overlay {
    align-items:stretch!important; justify-content:stretch!important; padding:0!important;
    background:
      radial-gradient(54% 42% at 12% 10%,rgba(132,192,255,.24),transparent 66%),
      radial-gradient(42% 36% at 92% 8%,rgba(190,180,255,.18),transparent 66%),
      radial-gradient(48% 42% at 88% 92%,rgba(150,230,218,.18),transparent 68%),
      linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,247,248,.92))!important;
    -webkit-backdrop-filter:blur(10px) saturate(125%)!important;
    backdrop-filter:blur(10px) saturate(125%)!important;
  }
  .summary-workspace.modal,
  .summary-workspace {
    width:100vw!important; max-width:100vw!important; height:100vh; height:100dvh;
    max-height:100dvh!important; min-height:0; display:flex; flex-direction:column; gap:8px;
    padding:calc(6px + env(safe-area-inset-top,0px)) 10px calc(8px + env(safe-area-inset-bottom,0px));
    border:none!important; border-radius:0!important; background:transparent!important;
    box-shadow:none!important; overflow:hidden!important;
    -webkit-backdrop-filter:none!important; backdrop-filter:none!important;
  }
  .summary-workspace .summary-workspace-header { min-height:34px; padding:0 2px 0 8px; border:none; background:transparent; }
  .summary-workspace-header h3 { font-size:14px; line-height:1.3; }
  .summary-workspace .modal-close {
    width:32px!important; height:32px!important; min-height:32px!important; padding:0!important;
    border-radius:999px!important; font-size:22px; color:var(--text)!important;
    background:rgba(255,255,255,.76)!important; border:none!important;
    box-shadow:0 12px 28px rgba(17,24,39,.13),0 1px 0 rgba(255,255,255,.9) inset!important;
    -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
    backdrop-filter:blur(18px) saturate(135%)!important;
  }
  .summary-workspace .summary-workspace-body {
    padding:14px; border:none; border-radius:24px; background:rgba(255,255,255,.68);
    box-shadow:0 18px 42px rgba(17,24,39,.12),0 1px 0 rgba(255,255,255,.88) inset;
    -webkit-backdrop-filter:blur(20px) saturate(135%); backdrop-filter:blur(20px) saturate(135%);
  }
  .summary-workspace .summary-diff { grid-template-columns:1fr; gap:10px; }
  .summary-workspace .summary-diff > div { border-radius:22px; padding:12px; background:rgba(255,255,255,.62); }
  .summary-workspace .summary-diff .md-body { max-height:30dvh; }
  .summary-workspace textarea { min-height:40dvh; font-size:16px; border-radius:22px!important; background:rgba(255,255,255,.72)!important; box-shadow:0 10px 24px rgba(17,24,39,.06); resize:vertical; }
  .summary-workspace textarea:focus { border-color:rgba(17,24,39,.34)!important; box-shadow:0 0 0 3px rgba(17,24,39,.08)!important; }
  .summary-workspace .summary-workspace-actions {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:0;
    border:none; background:transparent; box-shadow:none;
  }
  .summary-workspace-actions > label { grid-column:1/-1; margin:0; padding:0 6px; font-size:11px; }
  .summary-workspace .summary-workspace-actions .btn {
    width:100%; min-width:0; min-height:42px; padding:8px 10px; border-radius:999px!important;
    font-size:13px; color:var(--text)!important; background:rgba(255,255,255,.72)!important;
    border:none!important; box-shadow:0 10px 22px rgba(17,24,39,.10),0 1px 0 rgba(255,255,255,.88) inset!important;
    -webkit-backdrop-filter:blur(18px) saturate(125%)!important; backdrop-filter:blur(18px) saturate(125%)!important;
  }
  .summary-workspace .summary-workspace-actions .btn:only-of-type { grid-column:1/-1; }
  .summary-workspace .summary-error { color:var(--text); margin:0; border-radius:18px; background:rgba(255,255,255,.72); }
  .summary-history-item { border-radius:22px; padding:12px; background:rgba(255,255,255,.72); }
  .summary-history-item .btn { border-radius:999px!important; }
  .summary-input-preview { border-radius:22px; background:rgba(255,255,255,.72); }
}