/* Quiet document surfaces; the app shell keeps its existing paper and glass. */
.notes-screen .note-page { --content-line:color-mix(in srgb,var(--line) 65%,transparent); }
.notes-screen .note-document { margin-top:30px; }
.notes-screen .note-document-heading { margin-bottom:10px; }
.notes-screen .note-connections { gap:10px; }
.notes-screen .note-connections>.text-button { color:var(--muted);font-size:12px;font-weight:400; }
.notes-screen .note-connections>.text-button:hover { color:var(--accent); }
.notes-screen .note-connections>.icon-button { width:24px;height:28px;min-height:28px; }
.notes-screen .note-cover-add { font-size:11px; }
.notes-screen .note-block:has(>.note-data) { margin-block:14px; }
.notes-screen .note-column:not(:last-child) { padding-right:24px; }

.notes-screen .note-data { padding:0;margin-block:10px;font-size:12px; }
.notes-screen .data-heading { gap:7px;padding:0 0 8px;min-height:30px; }
.notes-screen .data-heading>input { font-size:15px;font-weight:550;letter-spacing:-.015em;padding:3px 0; }
.notes-screen .data-heading>span { font-size:10px;font-variant-numeric:tabular-nums; }
.notes-screen .data-toolbar { gap:4px;margin-bottom:12px;min-height:30px; }
.notes-screen .data-toolbar>label { font-size:0;gap:0; }
.notes-screen .data-toolbar>label>.glass-select { min-width:95px;max-width:155px; }
.notes-screen .data-toolbar .select-trigger { background:transparent;box-shadow:none;border-radius:5px;min-height:30px;padding:5px 8px;font-size:12px;color:var(--muted);gap:8px; }
.notes-screen .data-toolbar .select-trigger:hover { background:var(--glass-field-hover);color:var(--text); }
.notes-screen .data-toolbar .select-trigger>svg { width:12px;height:12px; }
.notes-screen .data-toolbar>label>select:not(.enhanced-select) { font-size:12px;background:transparent;border:0;box-shadow:none;border-radius:5px;padding:5px 6px;min-height:30px;max-width:150px;color:var(--muted); }
.notes-screen .data-view-tabs { gap:3px;margin:0;max-width:100%; }
.notes-screen .data-view-tabs>button { padding:6px 9px;border-radius:5px;line-height:18px; }
.notes-screen .data-view-tabs>button[aria-pressed=true] { background:var(--glass-field);color:var(--text); }
.notes-screen .data-view-settings>summary { display:flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:30px;padding:6px 8px;border-radius:5px;background:transparent;color:var(--muted);font-size:11px;list-style:none; }
.notes-screen .data-view-settings>summary::-webkit-details-marker { display:none; }
.notes-screen .data-view-settings>summary:hover,.notes-screen .data-view-settings[open]>summary { background:var(--glass-field-hover);color:var(--text); }
.notes-screen .data-view-settings>summary svg { flex-shrink:0;margin:0; }
.notes-screen .data-filter-dot { width:4px;height:4px;background:var(--accent);border-radius:50%; }
.notes-screen .query-settings[data-query-active]>summary { color:var(--accent); }
.notes-screen .database-source-settings { flex-shrink:0;order:1; }
.notes-screen .data-heading>span { order:2; }
.notes-screen .database-source-bar { display:grid;gap:12px;padding:14px;font-size:12px; }
.notes-screen .database-source-bar label { display:grid;gap:8px;width:100%;margin:0; }
.notes-screen .database-source-bar .glass-select { width:100%;min-width:0;max-width:100%; }
.notes-screen .database-source-bar button[data-data-action] { padding:4px 0;text-align:left; }
.notes-screen .database-search { max-width:155px;gap:0;margin-left:auto; }
.notes-screen .database-search input { border:0;background:transparent;box-shadow:none;padding:6px 3px!important;min-height:30px;font-size:11px!important; }
.notes-screen .database-search input::placeholder { color:var(--muted); }
.notes-screen .database-search:focus-within { border-radius:5px;background:var(--glass-field); }
.notes-screen .database-search button { width:27px;height:30px;min-height:30px; }

.notes-screen .data-table-scroll { border-color:var(--content-line);border-radius:7px;background:transparent; }
.notes-screen .note-data-table th { background:var(--glass-field);color:var(--muted); }
.notes-screen .note-data-table th,.notes-screen .note-data-table td { border-color:var(--content-line);height:40px; }
.notes-screen .note-data-table td { border-right-color:transparent; }
.notes-screen .note-data-table tbody tr:hover { background:var(--glass-field); }
.notes-screen .data-property-heading>.data-property-name { color:var(--muted);font-weight:450;font-size:11px; }
.notes-screen .data-row-tools>.data-row-actions>summary { opacity:0;color:var(--muted); }
.notes-screen tr:hover .data-row-actions>summary,.notes-screen .data-row-actions:focus-within>summary,.notes-screen .data-row-actions[open]>summary { opacity:1; }
.notes-screen .data-title-cell>button { opacity:0; }
.notes-screen .data-title-cell:hover>button,.notes-screen .data-title-cell:focus-within>button { opacity:1; }
.notes-screen .data-height-handle>span { opacity:0; }
.notes-screen .data-height-handle:hover>span,.notes-screen .data-height-handle:focus-visible>span { opacity:1; }
.notes-screen .data-add-actions { gap:12px;padding:5px 0; }
.notes-screen .data-add-actions button { font-size:11px;padding:5px 0;gap:4px; }
.notes-screen .data-add-actions button:hover { background:transparent;color:var(--accent); }

.notes-screen .data-cards { gap:12px;align-items:start; }
.notes-screen .data-gallery .data-cards { grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr)); }
.notes-screen .data-card { border-color:var(--content-line);border-radius:8px;padding:16px;background:transparent;box-shadow:none;transition:background .15s,border-color .15s; }
.notes-screen .data-card:hover { transform:none;background:var(--glass-field);border-color:var(--line); }
.notes-screen .data-card>strong { font-size:13px;font-weight:550;line-height:1.5;margin-bottom:12px; }
.notes-screen .data-card>span { gap:12px;align-items:baseline;margin:4px 0;line-height:1.6; }
.notes-screen .data-card>span>small { font-size:11px;flex-basis:38%; }
.notes-screen .data-card-value { display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right; }
.notes-screen .data-card>p { display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:11px;line-height:1.7;margin:12px 0 0; }
.notes-screen .data-board>section { padding:8px;background:var(--glass-field);border-radius:8px; }
.notes-screen .data-calendar-grid { border-radius:7px; }
.notes-screen .data-calendar-grid .data-card { padding:5px;border-radius:4px;background:var(--glass-field); }
.notes-screen .data-calendar-grid .data-card>strong { margin-bottom:3px;font-size:11px; }

.notes-screen .note-chart { padding-top:8px; }
.notes-screen .data-chart-heading { display:flex;align-items:center;gap:3px;min-height:30px; }
.notes-screen .data-chart-heading>strong { flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:500; }
.notes-screen .chart-download { display:grid;place-items:center;width:30px;height:30px;min-height:30px;border-radius:5px;color:var(--muted); }
.notes-screen .chart-download:hover { background:var(--glass-field-hover);color:var(--text); }
.notes-screen .chart-controls { display:grid;gap:12px;padding:16px; }
.notes-screen .chart-controls>label { min-width:0;margin:0;font-size:11px;gap:6px; }
.notes-screen .chart-controls .glass-select { width:100%;max-width:100%;min-width:0; }
.notes-screen .note-chart figure { margin:8px 0 0; }
.notes-screen .data-chart-viewport:not([style]) { height:230px; }
.notes-screen .note-chart figcaption { justify-content:center;gap:5px 16px;font-size:10px;line-height:1.7; }
.notes-screen .note-chart figcaption b { font-weight:450;color:var(--text); }
.notes-screen .note-add-block { font-size:11px;margin-top:14px;padding:8px 0; }
.notes-screen .note-tools { border-top:0;gap:18px; }
.notes-screen .note-tools button { font-size:11px;font-weight:400;color:var(--muted); }
.notes-screen .note-tools .secondary { background:transparent;border:0;box-shadow:none;min-height:32px;padding:6px 0;border-radius:4px; }
.notes-screen .note-tools .secondary:hover { background:transparent;color:var(--accent);box-shadow:none;transform:none; }

@media(hover:none),(pointer:coarse) {
  .notes-screen .data-row-tools>.data-row-actions>summary,.notes-screen .data-title-cell>button { opacity:.65; }
  .notes-screen .data-toolbar .select-trigger,.notes-screen .data-view-settings>summary,.notes-screen .chart-download,.notes-screen .data-add-actions button { min-height:40px; }
  .notes-screen .data-height-handle>span { opacity:.2; }
}
@media(max-width:620px) {
  .notes-screen .note-document { margin-top:24px; }
  .notes-screen .note-column:not(:last-child) { padding-right:0; }
  .notes-screen .data-toolbar { gap:3px; }
  .notes-screen .database-search { max-width:none;flex:1 1 100%;border-bottom:1px solid var(--content-line); }
  .notes-screen .database-search input { flex:1; }
  .notes-screen .data-card { padding:14px; }
  .notes-screen .data-add-actions { gap:8px 14px; }
  .notes-screen .data-chart-viewport:not([style]) { height:190px; }
}
@media(prefers-reduced-motion:reduce) {
  .notes-screen .data-card { transition:none; }
}