body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mainStatePage{height:100vh}.mainSpinner{height:80%}.mainShell{background:#f3f2f1;min-height:100vh;display:flex}.mainSidePanel{background:#faf9f8;border-right:1px solid #edebe9;flex-direction:column;gap:6px;width:220px;padding:16px 12px;display:flex}.mainSidePanel.collapsed{align-items:center;width:56px;padding:12px 8px}.mainSidePanelToggle{color:#0078d4;cursor:pointer;background:#fff;border:1px solid #c8c6c4;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.mainSidePanelToggleIcon{letter-spacing:-1px;justify-content:center;align-items:center;gap:1px;font-size:14px;font-weight:500;line-height:.9;display:inline-flex}.mainSidePanelToggle:hover{color:#005a9e;background:#edebe9}.mainSidePanelToggleBottom{align-self:flex-start;margin-top:auto}.mainSidePanel.collapsed .mainSidePanelToggleBottom{align-self:center}.mainSidePanelHeader{color:#605e5c;text-transform:uppercase;letter-spacing:.3px;margin:4px 8px 12px;font-size:13px}.mainNavItem{text-align:left;color:#323130;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:10px 12px;font-size:14px}.mainNavItemIcon{font-size:16px}.mainSidePanel.collapsed .mainNavItem{text-align:center;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.mainSidePanel.collapsed .mainNavItem.active{border:1px solid #0078d4}.mainNavItem:hover:not(.disabled){background:#edebe9}.mainNavItem.active{color:#004578;background:#deecf9;border-left:3px solid #0078d4;font-weight:600}.mainNavItem.disabled{color:#a19f9d;cursor:not-allowed}.mainContent{background:#fff;flex:1;min-width:0}@media (max-width:1024px){.mainShell{flex-direction:column}.mainSidePanel{border-bottom:1px solid #edebe9;border-right:0;width:100%}.mainSidePanel.collapsed{align-items:flex-start;width:100%}}.noteCompareHistoryPage{flex-direction:column;height:100%;display:flex}.noteCompareHistoryBody{flex-direction:column;gap:16px;margin:8px 24px 24px;display:flex}.noteCompareHistoryHelper{color:#605e5c;font-size:14px}.noteCompareHistoryFieldsRow{flex-wrap:nowrap;align-items:center;gap:12px;display:flex}.noteCompareHistoryOrSeparator{color:#605e5c;flex:none;justify-content:center;align-items:center;min-height:36px;padding:0 4px;font-size:12px;font-weight:600;display:flex}.noteCompareHistoryProviderGroup{flex-wrap:nowrap;flex:2 1 0;gap:12px;min-width:0;display:flex}.noteCompareHistoryField{flex:1 1 0;min-width:0}.noteCompareHistoryFieldsRow>.noteCompareHistoryField{flex:1 1 0}.noteCompareHistoryDateRange{flex:none;width:180px;position:relative}.noteCompareHistoryDateRange .ms-Dropdown,.noteCompareHistoryDateRange .ms-Dropdown-container,.noteCompareHistoryDateRange .ms-Dropdown-title{width:100%}.noteCompareHistoryActionsRow{justify-content:center;align-items:center;gap:12px;display:flex}.noteCompareHistoryActionsRow .ms-Button{min-width:160px}.noteCompareHistoryTableWrap{background:#fff;border:1px solid #edebe9;border-radius:4px;overflow:hidden}.noteCompareHistoryTableWrap .ms-DetailsHeader-cell{height:auto;padding:8px 4px}.noteCompareHistoryTableWrap .ms-DetailsHeader-cellTitle,.noteCompareHistoryTableWrap .ms-DetailsHeader-cellName{white-space:pre-line;overflow-wrap:anywhere;line-height:1.2}.noteCompareHistoryTableWrap .ms-DetailsRow-fields{padding-left:4px;padding-right:4px}.noteCompareHistoryTableWrap .ms-DetailsRow-cell{white-space:normal;text-overflow:clip;padding:8px 4px;line-height:1.2;overflow:visible}.noteCompareHistorySummary{color:#605e5c;font-size:12px}.noteCompareHistorySummaryLoaded{color:#323130;margin-left:8px;font-weight:600}.noteCompareHistoryLoading{padding:24px 0}.noteCompareHistoryPager{justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 0;display:flex}.noteCompareHistoryPagerSummary{color:#605e5c;font-size:12px}.noteCompareHistoryPagerButtons{justify-content:flex-end;gap:8px;display:flex}.noteCompareHistoryMessage{margin-bottom:12px}.noteCompareHistoryFilterChips{flex-wrap:wrap;gap:8px;display:flex}.noteCompareHistoryChip{background:#f3f2f1;border:1px solid #d2d0ce;border-radius:12px;padding:4px 8px;font-size:12px}.noteCompareHistoryLink{color:#005a9e}.noteCompareHistoryGuidValue{white-space:normal;word-break:break-word;overflow-wrap:anywhere;text-overflow:clip;width:100%;display:inline-block;overflow:visible}@media (max-width:1200px){.noteCompareHistoryFieldsRow{align-items:stretch}}@media (max-width:768px){.noteCompareHistoryBody{margin:8px 16px 16px}.noteCompareHistoryFieldsRow{flex-direction:column}.noteCompareHistoryOrSeparator{justify-content:flex-start;width:100%;min-height:20px;padding:0}.noteCompareHistoryProviderGroup{flex-direction:column;flex:auto;align-items:stretch;width:100%}.noteCompareHistoryField,.noteCompareHistoryDateRange{flex:auto;width:100%}.noteCompareHistoryActionsRow{flex-direction:column}.noteCompareHistoryActionsRow .ms-Button{width:100%}}