.document-detail{padding:1rem 1.5rem}.detail-field{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-color)}@media(max-width:899px){.detail-field{grid-template-columns:1fr;gap:.25rem;align-items:flex-start}}.detail-field:last-child{border-bottom:none}.field-label{font-weight:600;color:var(--text-secondary)}@media(max-width:899px){.field-label{font-size:.75rem}}.field-value{color:var(--text-primary);word-break:break-word}.field-value.type-number{font-variant-numeric:tabular-nums}.field-value.type-datetime{font-family:monospace;font-size:.9rem}.field-value.type-bool{font-size:1.2rem}.field-value-container{display:flex;align-items:center;min-height:32px}.tab-content-wrapper{padding:1rem 1.5rem}.tab-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.tab-table-wrapper{overflow-x:auto}.tab-table{width:100%;border-collapse:collapse;font-size:.9rem}.tab-table thead{background:var(--surface-hover)}.tab-table th{padding:.75rem 1rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border-color)}.tab-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.tab-table tbody tr:hover{background:var(--surface-hover)}.tab-list{display:flex;flex-direction:column;gap:.5rem}.tab-list-item{padding:.75rem 1rem;background:var(--surface-hover);border-radius:.375rem}.tab-object{display:flex;flex-direction:column;padding:1rem 1.5rem}.tab-object-field{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.tab-object-field:last-child{border-bottom:none}.tab-object-key{font-weight:600;color:var(--text-secondary)}.tab-object-value{color:var(--text-primary);word-break:break-word;white-space:pre-wrap}.tab-primitive{padding:1rem;background:var(--surface-hover);border-radius:.375rem;font-family:monospace;white-space:pre-wrap;word-break:break-word}.item-map-section{position:relative;width:100%;height:300px}.item-map-container{width:100%;height:100%}.item-map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--surface);z-index:1}.item-map-error{padding:1rem;color:var(--text-secondary);font-size:.875rem}.comments-section{display:flex;flex-direction:column}.comments-empty{padding:1.5rem;text-align:center}.comment-item{display:flex;flex-direction:column;padding:.75rem 1rem}.comment-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.375rem}.comment-meta{display:flex;flex-direction:column;gap:.1rem}.comment-actions{display:flex;align-items:center;gap:.125rem;opacity:0;transition:opacity .15s}.comment-item:hover .comment-actions{opacity:1}.comment-content{font-size:.875rem;line-height:1.6;color:var(--text-primary, #212121)}.comment-content p{margin:0 0 .25rem}.comment-content p:last-child{margin-bottom:0}.comment-edit-form{margin-top:.25rem}.comment-add-area{padding:.75rem 1rem;border-top:1px solid var(--border-color, #e0e0e0)}.comment-add-form{display:flex;flex-direction:column}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.section-grid.single-col{grid-template-columns:1fr}@media(max-width:960px){.section-grid{grid-template-columns:1fr;gap:.75rem}}.section-grid.edit-mode{gap:1rem}.grid-column{display:flex;flex-direction:column;gap:1rem;min-height:50px}.grid-column.editable{min-height:120px;border:2px dashed var(--border-color);border-radius:.5rem;padding:.5rem;transition:border-color .2s,background-color .2s}.grid-column.editable.drag-over{border-color:var(--primary-color);background-color:#1976d20a}.column-drop-hint{display:flex;align-items:center;justify-content:center;height:80px;color:var(--text-secondary);font-size:.8rem}.grid-section{border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;background:var(--surface)}.grid-section.editable{border:2px solid var(--border-color);cursor:default}.grid-section-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-hover);border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none}.grid-section-header.draggable{cursor:grab}.grid-section-header.draggable:active{cursor:grabbing}.grid-section-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.grid-section-header-actions{margin-left:auto;display:flex;align-items:center;gap:.25rem}.grid-section.dragging{background:var(--surface);border:2px solid var(--primary-color);border-radius:.5rem;padding:.4rem .75rem;box-shadow:0 6px 20px #00000026;display:flex;align-items:center;gap:.5rem}.collection-item-page{width:100%}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-button{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);color:var(--text-primary);border-radius:.375rem;cursor:pointer;transition:all .2s}.back-button:hover{background:var(--surface-hover);border-color:var(--primary-color)}.header-actions{display:flex;gap:.5rem;margin-left:auto}.modify-button{padding:.5rem 1rem;background:#ff9800;border:none;color:#fff;border-radius:.375rem;cursor:pointer;transition:all .2s;font-weight:500}.modify-button:hover{background:#f57c00}.modify-button:disabled{opacity:.5;cursor:not-allowed}.edit-button{padding:.5rem 1rem;background:var(--primary-color);border:none;color:#fff;border-radius:.375rem;cursor:pointer;transition:all .2s;font-weight:500}.edit-button:hover{background:var(--primary-dark)}.edit-button:disabled{opacity:.5;cursor:not-allowed}.page-header h2{font-size:1.75rem;font-weight:600;margin:0;text-transform:capitalize;flex:1}.layout-button{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:.375rem;cursor:pointer;transition:all .2s;font-weight:500}.layout-button:hover{background:var(--surface-hover);border-color:var(--primary-color);color:var(--primary-color)}.layout-button:disabled{opacity:.5;cursor:not-allowed}.item-section{margin-bottom:2rem}.item-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--border-color);margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-weight:500;margin-bottom:-2px;white-space:nowrap;flex-shrink:0}@media(max-width:960px){.tabs{gap:0;padding:0 .5rem}.tab{padding:.6rem 1rem;font-size:.85rem}.page-header{margin-bottom:1rem}}.tab:hover{color:var(--text-primary);background:var(--surface-hover)}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content{min-height:200px}.tab-content:has(>.document-detail),.tab-content:has(>.tab-object){background:var(--surface);border-radius:.5rem;border:1px solid var(--border-color)}.tab-content:has(>.section-grid){min-height:unset}.view-mode-section{border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.grid-section-content .view-mode-section{border:none;border-radius:0;overflow:visible}.loading,.error{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.1rem}.loading{color:var(--text-secondary)}.error{color:#ff6b6b}.document-event-feed{position:sticky;bottom:0;margin-top:1.5rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--surface, #fff);box-shadow:0 -2px 8px #0000000f;overflow:hidden;z-index:10}.event-feed-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border-color);background:var(--surface-hover, #f9f9f9)}.event-feed-title{font-size:.8rem;font-weight:600;color:var(--text-primary)}.event-feed-toggle{background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--text-secondary);padding:.25rem .5rem;border-radius:.25rem}.event-feed-toggle:hover{background:var(--surface-hover, #eee)}.event-feed-list{max-height:120px;overflow-y:auto;padding:.25rem 0}.event-feed-item{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.78rem;line-height:1.3;white-space:nowrap;overflow:hidden}.event-feed-item:not(:last-child){border-bottom:1px solid var(--border-color)}.event-severity{flex-shrink:0}.event-rule{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.event-separator,.event-operation{color:var(--text-secondary);flex-shrink:0}.event-conditions{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.event-time{margin-left:auto;color:var(--text-secondary);flex-shrink:0;font-size:.72rem}.collections-settings-page{padding:1.5rem;width:100%}.collections-settings-page .MuiTableCell-root{padding:4px 8px}.collections-settings-page .MuiTableCell-head{padding:8px;font-size:.8rem}.collections-settings-page .MuiTableCell-root .MuiInputBase-input{padding:4px 8px;font-size:.8rem}.collections-settings-page .MuiTableCell-root .MuiOutlinedInput-root{font-size:.8rem}.collections-settings-page .MuiTableCell-root .MuiSwitch-root{padding:4px}.collections-settings-page .MuiTableCell-root .MuiTypography-body2{font-size:.8rem}.app{min-height:100vh;display:flex;flex-direction:column}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;color:var(--text-secondary)}.error{display:flex;align-items:center;justify-content:center;min-height:100vh;flex-direction:column;gap:1rem;color:#ff6b6b}:root{font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#212121;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #1976d2;--primary-hover: #1565c0;--background: #f5f5f5;--surface: #ffffff;--surface-hover: #f5f5f5;--text-primary: #212121;--text-secondary: #757575;--border-color: #e0e0e0}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button{font-family:inherit;font-size:1em;font-weight:500;cursor:pointer;transition:background-color .25s,border-color .25s}button:hover{border-color:var(--primary-color)}button:focus,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}