/* The slim bar mvdigital.tools adds above the browser version of Sahifa PDF (copied in by tools/sahifa/ingest.mjs).
   The app keeps its own full-height grid; the bar takes a fixed row above it. */
body { display: flex; flex-direction: column; }
body > #app { flex: 1 1 auto; min-height: 0; height: auto; }
.sw-bar {
  flex: none; display: flex; align-items: center; gap: 16px; height: 34px; padding: 0 14px;
  background: #040a16; color: #aab6c8; font: 12px/1 var(--font-ui, "Segoe UI", system-ui, sans-serif); letter-spacing: .01em;
  border-bottom: 1px solid rgba(238, 243, 248, .1); white-space: nowrap; overflow: hidden;
}
.sw-bar a { color: #eef3f8; text-decoration: none; display: inline-flex; align-items: center; gap: 7px; border-radius: 4px; }
.sw-bar a:hover { color: #9ee9f4; }
.sw-bar a:focus-visible { outline: 2px solid #3ad6f0; outline-offset: 2px; }
.sw-back { font-weight: 600; }
.sw-note { margin: 0; flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; overflow: hidden; text-overflow: ellipsis; }
.sw-tag { flex: none; padding: 4px 8px; border: 1px solid rgba(58, 214, 240, .45); border-radius: 999px; color: #9ee9f4; font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; }
.sw-long, .sw-short { overflow: hidden; text-overflow: ellipsis; }
.sw-short { display: none; }
.sw-dl { flex: none; padding: 0 12px; height: 24px; border-radius: 999px; background: #3ad6f0; color: #040a16 !important; font-weight: 600; }
.sw-dl:hover { background: #eef3f8; }
.sw-arrow { width: 13px; height: 9px; background: currentColor; transform: scaleX(-1);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 14'%3E%3Cpath d='M0 7h19M13 1l6 6-6 6' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 14'%3E%3Cpath d='M0 7h19M13 1l6 6-6 6' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat; }
.sw-arrow--r { transform: none; }
@media (max-width: 900px) { .sw-long { display: none; } .sw-short { display: inline; } }
@media (max-width: 560px) { .sw-tag { display: none; } .sw-bar { gap: 10px; padding: 0 10px; } }
@media print { .sw-bar { display: none; } }