.modern-grid__root{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;font-family:Segoe UI,Arial,sans-serif;font-size:14px;line-height:20px;color:#201f1e;container-type:inline-size}.modern-grid__root .modern-grid__card{position:relative;width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 6px #0000000a}.modern-grid__root .modern-grid__title{margin:0;padding:14px 16px;border-bottom:1px solid #eceef0;font-size:20px;line-height:26px;font-weight:600}.modern-grid__root .modern-grid__toolbar,.modern-grid__root .modern-grid__toolbar-group{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;min-width:0}.modern-grid__root .modern-grid__toolbar{padding:8px 16px 12px;gap:16px}.modern-grid__root .modern-grid__toolbar-group--left{gap:24px;padding-right:20px;border-right:1px solid #e1e4e8}.modern-grid__root .modern-grid__toolbar-group--middle{flex:0 1 auto;gap:12px}.modern-grid__root .modern-grid__toolbar-group--right{gap:12px}.modern-grid__root .modern-grid__selection-count{align-self:center;white-space:nowrap;font-size:13px;color:#605e5c}.modern-grid__root .modern-grid__bulk-field{display:flex;flex-direction:column;gap:4px;width:180px;max-width:100%;min-width:0;font-size:12px}.modern-grid__root .modern-grid__viewport{position:relative;min-width:0;min-height:48px;margin:0 12px}.modern-grid__root .modern-grid__scroll{width:100%;max-width:100%;min-width:0;max-height:640px;box-sizing:border-box;overflow-x:scroll;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;border:1px solid #edebe9;border-radius:6px}.modern-grid__root .modern-grid{width:max-content;min-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background:#fff;border:0}.modern-grid__root .modern-grid__header-cell,.modern-grid__root .modern-grid__cell{box-sizing:border-box;height:44px;min-width:0;padding:5px 10px;vertical-align:middle;text-align:left;font:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-grid__root .modern-grid__header-cell{background:#f5f6f7;font-size:13px;font-weight:600;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.modern-grid__root .modern-grid__cell{border-bottom:1px solid #e9ebee;border-right:1px solid #eef0f2}.modern-grid__root .modern-grid__row:hover .modern-grid__cell{background:#f8f9fa}.modern-grid__root .modern-grid__row--dirty .modern-grid__cell{background:#fff8e5}.modern-grid__root .modern-grid__row--dirty:hover .modern-grid__cell{background:#fff4ce}.modern-grid__root .modern-grid__row--pending .modern-grid__cell{background:#f8f9fa;color:#605e5c}.modern-grid__root .modern-grid__row--footer .modern-grid__cell{background:#eaf4ff;border-top:1px solid #dce8f5}.modern-grid__root .modern-grid__select-cell{width:44px;text-align:center}.modern-grid__root .modern-grid__action-cell{width:64px;text-align:center}.modern-grid__root .modern-grid__empty{padding:20px;text-align:center;color:#605e5c}.modern-grid__root .modern-grid__input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:100%;min-width:0;height:32px;box-sizing:border-box;padding:4px 8px;border:1px solid #d5d8dd;border-radius:4px;background:#fff;color:#201f1e;font:inherit;font-size:13px;line-height:20px;text-overflow:ellipsis}.modern-grid__root .modern-grid__input:hover{border-color:#8a8886}.modern-grid__root .modern-grid__input:focus{border-color:#0078d4;outline:1px solid #0078d4;outline-offset:-1px}.modern-grid__root .modern-grid__input--readonly{background:#f3f2f1;cursor:not-allowed}.modern-grid__root .modern-grid__input-wrapper,.modern-grid__root .modern-grid__lookup{position:relative;display:flex;align-items:center;gap:6px;width:100%;min-width:0}.modern-grid__root .modern-grid__input-wrapper>.modern-grid__input{flex:1 1 0}.modern-grid__root .modern-grid__required{flex:0 0 auto;color:#d92d20;font-size:12px;font-weight:700}.modern-grid__root .modern-grid__checkbox{width:15px;height:15px;margin:0;vertical-align:middle;accent-color:#0078d4}.modern-grid__root .modern-grid__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;width:auto;min-width:0;height:32px;min-height:32px;margin:0;padding:4px 12px;border:1px solid #d1d1d1;border-radius:4px;font:inherit;font-size:13px;line-height:20px;text-align:center;white-space:nowrap;cursor:pointer}.modern-grid__root .modern-grid__button--neutral{background:#fff;color:#242424}.modern-grid__root .modern-grid__button--neutral:hover:not(:disabled){background:#f3f2f1;border-color:#b3b3b3}.modern-grid__root .modern-grid__button--neutral:active:not(:disabled){background:#e1dfdd}.modern-grid__root .modern-grid__button--primary{background:#0078d4;border-color:#0078d4;color:#fff}.modern-grid__root .modern-grid__button--primary:hover:not(:disabled){background:#115ea3;border-color:#115ea3}.modern-grid__root .modern-grid__button--primary:active:not(:disabled){background:#0c3b5e;border-color:#0c3b5e}.modern-grid__root .modern-grid__button--icon{width:32px;height:32px;padding:0}.modern-grid__root .modern-grid__button:disabled{background:#f5f5f5;color:#707070;border-color:#e0e0e0;opacity:1;cursor:default}.modern-grid__root .modern-grid__button:focus-visible,.modern-grid__root .modern-grid__sort:focus-visible{outline:2px solid #0078d4;outline-offset:-2px}.modern-grid__root .modern-grid__icon{display:block;flex:0 0 auto;width:16px;height:16px;min-width:16px;max-width:16px;min-height:16px;max-height:16px;margin:0;padding:0;pointer-events:none}.modern-grid__root .modern-grid__sort-icon,.modern-grid__root .modern-grid__toolbar-group--left .modern-grid__toolbar-icon{color:#0078d4}.modern-grid__root .modern-grid__sort{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;position:static;display:inline-flex;align-items:center;gap:4px;width:auto;max-width:100%;height:auto;min-width:0;min-height:0;margin:0;padding:0;background:transparent;border:none;border-radius:0;color:inherit;font:inherit;line-height:inherit;white-space:nowrap;text-align:left;cursor:pointer}.modern-grid__root .modern-grid__sort span{min-width:0;overflow:hidden;text-overflow:ellipsis}.modern-grid__root .modern-grid__sort:disabled{opacity:1;color:#707070;cursor:default}.modern-grid__root .modern-grid__header-cell--sortable:hover{background:#edebe9}.modern-grid__root .modern-grid__lookup-input{padding-right:36px;cursor:pointer}.modern-grid__root .modern-grid__lookup-clear{position:absolute;right:0;top:0;border-color:transparent;background:transparent}.modern-grid__root .modern-grid__actions{position:relative;display:flex;align-items:center;justify-content:center;gap:3px}.modern-grid__root .modern-grid__dirty-indicator{font-size:0;flex:0 0 6px;width:6px;height:6px;background:#986f0b;border-radius:50%}.modern-grid__root .modern-grid__actions .modern-grid__notice{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.modern-grid__root .modern-grid__pending-status{display:block;overflow:hidden;text-overflow:ellipsis;color:#605e5c;font-size:12px}.modern-grid__root .modern-grid__cell--button:not(.modern-grid__action-cell)>.modern-grid__input-wrapper{display:inline-flex;width:calc(100% - 40px);vertical-align:middle;margin-right:4px}.modern-grid__root .modern-grid__footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 20px}.modern-grid__root .modern-grid__pager{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.modern-grid__root .modern-grid__pager>span{display:block;position:static;white-space:nowrap;font-size:13px}.modern-grid__root .modern-grid__autosave,.modern-grid__root .modern-grid__version{min-width:0;font-size:12px;color:#605e5c;overflow-wrap:anywhere}.modern-grid__root .modern-grid__version{justify-self:end;text-align:right}.modern-grid__root .modern-grid__notice{color:#a4262c;overflow-wrap:anywhere}.modern-grid__root>.modern-grid__card>.modern-grid__notice:not(:empty){padding:12px}.modern-grid__root .modern-grid__busy-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:12px;background:#ffffffb8;border-radius:6px}.modern-grid__root .modern-grid__spinner{width:20px;height:20px;border:2px solid #c7e0f4;border-top-color:#0078d4;border-radius:50%;animation:modern-grid-spin .8s linear infinite}.modern-grid__root .modern-grid__license{padding:24px;border:1px solid #e1dfdd;border-radius:8px;background:#fff;color:#323130}.modern-grid__root .modern-grid__license p{margin:12px 0 16px;line-height:1.5}.modern-grid__root [hidden],.modern-grid__root .modern-grid__file-input,.modern-grid__root .modern-grid__toolbar--hidden{display:none!important}.modern-grid__action-menu{position:fixed;z-index:2147483647;display:block;width:140px;box-sizing:border-box;padding:6px;background:#fff;border:1px solid #edebe9;border-radius:6px;box-shadow:0 6px 18px #00000029}.modern-grid__action-menu-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;box-sizing:border-box;width:100%;min-height:32px;padding:6px 8px;border:0;border-radius:4px;background:transparent;color:#201f1e;font:13px/20px Segoe UI,Arial,sans-serif;text-align:left;cursor:pointer}.modern-grid__action-menu-item:hover:not(:disabled){background:#f3f2f1}.modern-grid__action-menu-item:focus-visible{outline:2px solid #0078d4;outline-offset:-2px}.modern-grid__action-menu-item:disabled{color:#707070;cursor:default}@keyframes modern-grid-spin{to{transform:rotate(360deg)}}@container (max-width: 720px){.modern-grid__root .modern-grid__footer{grid-template-columns:1fr;justify-items:center}.modern-grid__root .modern-grid__version{justify-self:center;text-align:center}}body{margin:0;background:#f5f6f8;font:14px Segoe UI,sans-serif;color:#242424}main{padding:24px;max-width:1800px;margin:auto}.demo-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.demo-header h1{font-size:24px;margin:0 0 6px}.demo-header strong{font-size:13px;color:#5b616b}.demo-header p{margin:8px 0;line-height:1.5}.demo-header button,.demo-dialog button{min-height:32px;border:1px solid #d1d1d1;background:#fff;border-radius:4px;padding:5px 12px;font:inherit;cursor:pointer}.demo-dialog{border:1px solid #d1d1d1;border-radius:8px;max-width:560px;width:calc(100% - 64px);max-height:80vh;padding:24px;color:inherit;font:inherit}.demo-dialog::backdrop{background:#0005}.demo-dialog h2{margin:0 0 16px;font-size:20px}.demo-dialog p{white-space:pre-wrap;line-height:1.5}.demo-dialog button{margin:4px}.demo-lookup-list{display:flex;flex-direction:column}.demo-dialog dl{display:grid;grid-template-columns:150px 1fr;gap:10px}.demo-dialog dt{font-weight:600}.demo-dialog dd{margin:0;overflow-wrap:anywhere}@media(max-width:650px){main{padding:12px}.demo-header{align-items:flex-start;gap:10px}.demo-dialog dl{grid-template-columns:1fr}}