.materialcomms-ui{min-width:0}.materialcomms-ui pre,.materialcomms-ui textarea{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.materialcomms-ui textarea{width:100%}.materialcomms-ui .mc-toolbar,.materialcomms-ui .mc-pagination,.materialcomms-ui .mc-status-summary{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.materialcomms-ui .mc-toolbar>input{min-width:160px;flex:1}.materialcomms-ui .mc-toolbar label{display:flex;gap:6px;align-items:center}.materialcomms-ui .mc-people,.materialcomms-ui .mc-batches,.materialcomms-ui .mc-item-list{display:grid;gap:12px}.materialcomms-ui .mc-people article,.materialcomms-ui .mc-batches section,.materialcomms-ui .mc-item-list article{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.materialcomms-ui .mc-people article:nth-child(even){background:#edf4f3}.materialcomms-ui article header{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.materialcomms-ui article p{margin:6px 0}.materialcomms-ui .mc-content,.materialcomms-ui section{margin:16px 0}.materialcomms-ui .mc-events{padding-left:22px}.materialcomms-ui .mc-events li{padding:8px 0;overflow-wrap:anywhere}.materialcomms-ui .mc-check{display:flex;align-items:start;gap:8px;margin:8px 0}.materialcomms-ui fieldset{border:1px solid var(--line);border-radius:7px;min-width:0}.materialcomms-ui .mc-review{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px}.materialcomms-ui .mc-review dt{font-weight:700}.materialcomms-ui .mc-review dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}#dialog:has(.materialcomms-ui){width:min(1100px,calc(100vw - 32px))}.materialcomms-ui .mc-status-summary span{padding:6px 10px;background:#edf4f3;border-radius:6px}@media(max-width:760px){.materialcomms-ui .mc-toolbar>*{width:100%}.materialcomms-ui .mc-review{grid-template-columns:1fr}.materialcomms-ui .mc-review dt{margin-top:6px}.materialcomms-ui .actions{flex-wrap:wrap}.materialcomms-ui p,.materialcomms-ui strong{overflow-wrap:anywhere}.materialcomms-ui .form-grid{grid-template-columns:1fr}.materialcomms-ui .full{grid-column:1/-1}}

#dialog:has(.materialcomms-ui)>.dialog-head>button{flex-shrink:0;white-space:nowrap}

.materialcomms-ui .mc-content>label{display:grid;gap:6px}.materialcomms-ui .mc-content>label input{width:100%;min-width:0}