.panel{
      width:100%;height:100%;
      border-radius:0;
      border:1px solid var(--line);
      background:var(--panel-surface);
      box-shadow:var(--shadow);
      position:relative;
      overflow:hidden;
    }
    .panel::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:var(--panel-sheen);opacity:.58}

    .panel__status{
      min-height:100%;
      display:grid;
      place-content:center;
      gap:10px;
      padding:32px;
      text-align:center;
      position:relative;
      z-index:1;
    }
    .panel__status-badge{
      justify-self:center;
      min-width:120px;
      padding:10px 16px;
      border-radius:999px;
      border:1px solid var(--panel-badge-border);
      background:rgba(255,255,255,.90);
      box-shadow:var(--panel-badge-shadow);
      color:var(--panel-badge-ink);
      font-size:14px;
      font-weight:800;
      letter-spacing:.01em;
    }
    .panel__status-title{
      color:#17306f;
      font-size:16px;
      font-weight:700;
    }
    .panel__status--error .panel__status-badge{
      border-color:rgba(201,35,51,.16);
      color:#c92333;
    }