.mley-document-card{padding:20px;border:1px solid var(--oaj-line);border-radius:16px;background:var(--oaj-surface);color:var(--oaj-text);box-shadow:var(--shadow-card);min-width:0}
.mley-document-card h1{font:var(--weight-semibold) var(--text-section)/var(--leading-compact) var(--font-ui);margin:16px 0;overflow-wrap:anywhere}
.mley-document-card>a{font-size:var(--text-caption);color:var(--oaj-accent)}
#shared-document-status{font-size:var(--text-caption);color:var(--oaj-muted);margin:12px 0}
#shared-document-status:empty{display:none}
#shared-document-open:not([hidden]) { display:block; margin-block:16px 0; }
.mley-reader-info-body > .mley-document-card {
  padding:0; border:0; border-radius:0; background:transparent; box-shadow:none;
}
@media(max-width:767px) {
  .mley-document-card { padding:16px; }
  .mley-document-card h1 { font-size:var(--text-title); }
}

.mley-document-links {
  margin-block-start:16px;
  padding-block-start:14px;
  border-block-start:1px solid var(--oaj-line);
}
.mley-document-links h2 {
  margin:0 0 6px;
  color:var(--oaj-text);
  font:var(--weight-semibold) var(--text-small)/var(--leading-compact) var(--font-ui);
}
.mley-document-links p {
  margin:0;
  color:var(--oaj-muted);
  font-size:var(--text-caption);
}
.mley-document-card .mley-document-links button {
  width:fit-content;
  min-height:44px;
  margin:8px 0 0;
  padding:6px 12px;
  border:1px solid var(--oaj-line);
  border-radius:8px;
  background:var(--oaj-surface);
  color:var(--oaj-accent);
  font:inherit;
  font-size:var(--text-caption);
}
.mley-document-card .mley-document-links button:hover { background:var(--bg-surface-3); }
.mley-document-card .mley-document-links button:focus-visible { outline:2px solid var(--oaj-accent); outline-offset:2px; }

body.mley-document-page:not(.mley-reader-open) #panel .mley-document-card-slot {
  display:grid;
  align-content:center;
  justify-items:center;
  min-block-size:calc(100dvh - var(--cjf-header-height, 0px) - var(--mley-reader-dock-height, 0px) - 56px);
}
body.mley-document-page:not(.mley-reader-open) #panel .mley-document-card {
  box-sizing:border-box;
  width:min(100%, 560px);
}
.mley-document-card-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-block:8px 12px;
}
.mley-document-card .mley-document-card-heading h1 { margin:0; }
.mley-document-card .mley-document-card-heading button {
  flex:none;
  width:44px;
  min-height:44px;
  margin:0;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--oaj-accent);
}
.mley-document-card-heading button:not(:disabled):hover { background:var(--bg-surface-3); }
.mley-document-card-heading button:disabled { opacity:.5; }
.mley-document-card-heading button:focus-visible { outline:2px solid var(--oaj-accent); outline-offset:2px; }