/* The open-web bar and loading screen around the graphical client (UN-RFC 0043 6.1). */
html.uw body { display: flex; flex-direction: column; }
html.uw #root { flex: 1; min-height: 0; height: auto; }
.uw-bar { flex: none; display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 5px 14px; background: #f5c26b; color: #2b1d00; font: 600 13px/1.4 ui-sans-serif, system-ui, sans-serif; }
.uw-bar.uw-tor { background: #7d4698; color: #fff; }
.uw-grow { flex: 1; }
.uw-link { background: none; border: 0; padding: 0; color: inherit; font: inherit; font-weight: 400; text-decoration: underline; cursor: pointer; }
.uw-btn { font: 600 12px/1 ui-sans-serif, system-ui, sans-serif; padding: 6px 10px; border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, .25); background: rgba(255, 255, 255, .55); color: #2b1d00; cursor: pointer; }
.uw-btn.uw-dirty { background: #10302a; color: #fff; border-color: #10302a; }
.uw-bar [hidden] { display: none; }
.uw-boot { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; background: #10302a; color: #e8f3ef;
  font: 15px/1.5 ui-sans-serif, system-ui, sans-serif; }
.uw-boot[hidden] { display: none; }
.uw-boot-box { max-width: 420px; padding: 24px; text-align: center; }
.uw-boot-text { font-size: 18px; font-weight: 600; margin-bottom: 8px; }
.uw-boot-note { color: #9cc3b6; font-size: 13px; }
.uw-dialog { box-sizing: border-box; max-width: min(620px, calc(100vw - 24px)); width: calc(100% - 24px); border-radius: 12px; border: 1px solid #c9e2d9;
  font: 14px/1.5 ui-sans-serif, system-ui, sans-serif; color: #10302a; background: #f4f8f6; }
.uw-dialog table { border-collapse: collapse; width: 100%; font-size: 13px; }
.uw-dialog th, .uw-dialog td { text-align: left; padding: 6px; border-bottom: 1px solid #c9e2d9; vertical-align: top; }
.uw-dialog .uw-warn { color: #8a5a00; font-weight: 700; }
.uw-bar .uw-warn { color: #ffcf66; font-weight: 700; }
.uw-dialog .uw-status { min-height: 1.4em; }
.uw-dialog h3 { font-size: 15px; margin: 18px 0 4px; }
.uw-dialog td .uw-btn { padding: 2px 10px; }
.uw-dialog a.uw-btn { text-decoration: none; display: inline-block; }
@media (max-width: 760px) {        /* phones: the notice on one slim line, the buttons below */
  .uw-bar { font-size: 12px; padding: 4px 10px; gap: 4px 10px; flex-wrap: wrap; }
  .uw-text { flex: 1 1 100%; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .uw-grow, .uw-bar a.uw-link { display: none; }
  .uw-dialog { padding: 14px; }
  .uw-dialog th, .uw-dialog td { padding: 5px 3px; }
  .uw-link { white-space: nowrap; }
  .uw-btn { padding: 5px 8px; white-space: nowrap; }
}
.uw-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.uw-dialog .uw-btn { color: #10302a; }
.uw-dialog .uw-btn.uw-dirty { color: #fff; }