/* Connection chrome uses the common screen tokens; private content is never cached here. */
@media screen  {
  .connection-panel {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 16px;
    margin-bottom:20px;
    border:1px solid var(--dc-border);
    border-radius:8px;
    background:var(--dc-white);
    color:var(--dc-text);
    font-size:12px
  }
  .connection-panel strong {
    font-size:12px;
    font-weight:650
  }
  .connection-panel small {
    display:block;
    color:var(--dc-muted);
    font-size:11px;
    line-height:1.5;
    margin-top:2px
  }
  .connection-panel.has-drafts {
    background:var(--dc-warning-bg);
    border-color:#A08025
  }
  .connection-actions {
    display:flex;
    flex-wrap:wrap;
    gap:8px
  }
  .offline-consent {
    display:flex;
    gap:10px;
    align-items:flex-start;
    font-size:12px;
    line-height:1.5
  }
  .offline-consent input {
    flex-shrink:0
  }
  .simple-doc-state-block select {
    max-width:150px
  }
  @media(max-width:680px) {
    .connection-panel {
      align-items:flex-start;
      padding:12px
    }
    .connection-actions {
      width:100%
    }
    .connection-actions .btn {
      flex:1 1 auto
    }
  }
}
@media print {
  .connection-panel {
    display:none!important
  }
}