/* One outer rim; interior grid lines stop at the same cell boundaries. */
.note-data{scroll-margin-top:80px}
.data-table-scroll{border:1px solid var(--line);border-radius:12px;background:var(--paper);isolation:isolate;box-sizing:border-box}
.note-data-table{table-layout:fixed;border:0!important;border-spacing:0;box-sizing:border-box;background:transparent}
.note-data-table th,.note-data-table td{box-sizing:border-box;height:42px;min-width:0!important;overflow-wrap:anywhere}
.note-data-table th:first-child,.note-data-table td:first-child,.note-data-table th:last-child,.note-data-table td:last-child{width:40px;min-width:40px!important}
.note-data-table th:first-child,.note-data-table td:first-child{width:52px;min-width:52px!important}.note-data-table th:last-child,.note-data-table td:last-child{width:auto}
.note-data-table:not(:has(tbody tr)) thead th{border-bottom:0}
.note-data-table td>input:not([type=checkbox]),.data-title-cell>input:not([type=checkbox]){display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;border-radius:0;margin:0;min-height:41px}
.data-title-cell{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;min-width:0}
.data-title-cell>button{width:28px;height:30px;display:grid;place-items:center;color:var(--muted);border-radius:7px;opacity:.55;transition:background .15s,opacity .15s}
.data-title-cell>button:hover,.data-title-cell>button:focus-visible{opacity:1;background:var(--soft);color:var(--accent)}
.data-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.data-card>span>small{flex:0 0 36%;min-width:0}
.data-calendar-grid{border:1px solid var(--line);border-radius:12px;gap:1px;box-sizing:border-box;background:var(--line);overflow:hidden}.data-calendar-grid>small,.data-calendar-grid>section{border:0;background:var(--paper)}
.database-source-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:9px 0 14px;color:var(--muted);font-size:11px}
.database-source-bar label{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.database-source-bar select{max-width:100%}.database-source-bar button{font-size:11px;color:var(--accent)}
.database-search{display:flex;align-items:center;gap:4px;margin-left:auto;max-width:250px;min-width:0}.database-search input{min-width:0;font:inherit!important;padding:8px 10px!important}.database-search button{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;color:var(--muted)}
.data-option-color>span{flex:1;min-width:0}.data-option-color>.glass-select{width:140px;max-width:65%;min-width:0;flex:0 0 140px}
.record-page-properties{margin:4px 0 24px;padding-bottom:18px;border-bottom:1px solid var(--line);animation:database-appear .16s ease-out}
.record-page-properties>.text-button{display:flex;align-items:center;gap:7px;font-size:12px;text-align:left}.record-page-properties>.note-data{max-width:760px}
.record-property-line{display:grid;grid-template-columns:minmax(100px,150px) minmax(0,1fr);gap:16px;align-items:center;margin:5px 0;min-height:36px}.record-property-line>span{font-size:12px;color:var(--muted)}
.record-property-line>input:not([type=checkbox]){min-width:0;padding:9px 11px;font:inherit;box-sizing:border-box}.record-property-line .data-tag-select,.record-property-line details{min-width:0}.record-property-line summary{padding:8px}
.data-record,.database-view-body{animation:database-appear .16s ease-out}.database-view-body{min-width:0}.data-card{transition:background .15s,box-shadow .15s,transform .15s}.data-card:hover{transform:translateY(-1px)}
@keyframes database-appear{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.data-property-heading{display:flex;align-items:center;min-height:41px;min-width:0;padding:0 9px 0 3px;gap:2px}
.data-property-heading>.data-property-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:8px 3px;font:inherit;color:var(--text);border-radius:4px}
.data-property-heading>.data-property-name[hidden]{display:none}.data-property-heading>.data-property-name:hover{background:var(--soft)}
.note-data .data-property-name-input{min-width:0;flex:1;width:50px;border-radius:5px!important;outline:2px solid var(--accent);outline-offset:-2px;padding:8px 4px!important}
.data-property-heading>.data-property{flex:0 0 26px}.data-property-heading>.data-property>summary{width:26px;height:28px;padding:0;display:grid;place-items:center;border-radius:5px;opacity:.3;box-sizing:border-box}.data-property-heading>.data-property>summary svg{margin:0}
.data-property-heading:hover>.data-property>summary,.data-property-heading:focus-within>.data-property>summary{opacity:1}.data-property-heading>.data-property>summary:hover{background:var(--soft)}
.note-data .data-reorder-handle{display:grid;place-items:center;flex:0 0 18px;min-width:18px;width:18px;height:28px;padding:0;font-size:16px;line-height:1;color:var(--muted);border-radius:4px;opacity:.18;cursor:grab;touch-action:none;user-select:none}
.note-data th:hover .data-reorder-handle,.note-data tr:hover .data-reorder-handle,.note-data .data-reorder-handle:focus-visible{opacity:1;background:var(--soft)}
.data-row-tools{display:flex;align-items:center;justify-content:center;gap:0;height:100%;min-height:41px}.data-row-tools>.data-row-actions{min-width:24px;width:24px}.data-row-tools>.data-row-actions>summary{padding:0;width:24px;height:28px;box-sizing:border-box}
.data-row-tools>.data-row-actions>div button{width:100%}
.data-column-resize{position:absolute;z-index:3;width:9px;right:-5px;top:0;bottom:0;cursor:col-resize;touch-action:none;outline-offset:-2px}
.data-column-resize:hover:after,.data-column-resize:focus-visible:after{content:'';position:absolute;left:4px;top:3px;bottom:3px;width:2px;background:var(--accent);border-radius:2px}
.data-table-scroll:has(.data-property-name-input){overflow:auto}.note-data-table thead{position:sticky;top:0;z-index:4}
.data-height-handle{height:14px;display:flex;align-items:center;justify-content:center;cursor:row-resize;touch-action:none;border-radius:4px;outline-offset:-2px}.data-height-handle>span{height:3px;width:32px;border-radius:3px;background:var(--muted);opacity:.15;transition:opacity .15s,width .15s}.data-height-handle:hover>span,.data-height-handle:focus-visible>span{opacity:1;width:46px;background:var(--accent)}
.data-chart-viewport{min-height:160px;display:grid;place-items:center;overflow:hidden}.data-chart-viewport>svg{display:block;width:100%;height:100%;max-height:800px;min-height:160px}.data-chart-viewport:not([style])>svg{max-height:380px}
.resizing-database,.resizing-database *{cursor:col-resize!important;user-select:none!important}.resizing-database-height,.resizing-database-height *{cursor:row-resize!important}
.moving-database-item,.moving-database-item *{cursor:grabbing!important;user-select:none!important}.data-item-dragging{opacity:.4}
th.data-drop-before{box-shadow:inset 3px 0 var(--accent)}th.data-drop-after{box-shadow:inset -3px 0 var(--accent)}tr.data-drop-before>td{box-shadow:inset 0 3px var(--accent)}tr.data-drop-after>td{box-shadow:inset 0 -3px var(--accent)}
@media(hover:none){.note-data .data-reorder-handle,.data-property-heading>.data-property>summary{opacity:.65}.data-column-resize{width:14px;right:-7px}.data-height-handle{height:22px}}
@media(max-width:620px){.record-property-line{grid-template-columns:minmax(80px,105px) minmax(0,1fr);gap:8px}.database-source-bar label{display:grid;width:100%;gap:6px}.database-source-bar .glass-select{max-width:100%}.data-title-cell>button{opacity:1}.note-data-table th,.note-data-table td{height:44px}}
@media(prefers-reduced-motion:reduce){.record-page-properties,.data-record,.database-view-body{animation:none}.data-card,.data-title-cell>button{transition:none}.data-card:hover{transform:none}}