/* Hotel logos are typically wide wordmarks, not square icons — avoid Tabler's
   .avatar (which crops to a square via background-size:cover). This scales
   the whole logo to fit inside a wider box without cropping. */
.branch-logo {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    vertical-align: middle;
}
.branch-logo-xs { width: 3.5rem; height: 1.25rem; }
.branch-logo-sm { width: 4.5rem; height: 1.75rem; }
.branch-logo-lg { width: 10rem; height: 3rem; }

/* Sidebar brand: many hotel logos are dark wordmarks that vanish against the
   dark navbar, so give them a soft translucent white backing card. */
.branch-logo-nav {
    width: 8rem;
    height: 2.75rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-position: center;
    background-origin: content-box;
    border-radius: 0.5rem;
    padding: 0.4rem 0.75rem;
    box-sizing: border-box;
}

/* Shortcut to a meeting's original Opera PDF, in the weekly salon board rows.
   A label rather than an icon alone: at this size a glyph does not say what it
   opens, and the board is scanned quickly. Kept to the row's line height so it
   does not push the rows apart. */
.salon-pdf-link {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    flex: none;
    padding: 0.05rem 0.3rem 0.05rem 0.25rem;
    border: 1px solid var(--tblr-border-color);
    border-radius: 4px;
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.5;
    color: var(--tblr-secondary);
    text-decoration: none;
}
.salon-pdf-link:hover,
.salon-pdf-link:focus-visible {
    color: var(--tblr-danger);
    border-color: var(--tblr-danger);
}
.salon-pdf-link i {
    font-size: 0.8rem;
}