/* ==========================================================================
   Cloud Compliance Datasheet Contextual Navigation Bar
   ========================================================================== */

.datasheet-nav {
    --dn-bg:             #ffffff;
    --dn-border-bottom:  #D1D8E0;
    --dn-back-color:     #13165B;
    --dn-back-hover:     #F8931F;
    --dn-cta-bg:         transparent;
    --dn-cta-bg-hover:   rgba(248,147,31,0.08);
    --dn-cta-border:     #13165B;
    --dn-cta-color:      #13165B;
    --dn-height:         40px;
    --dn-font:           'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --dn-font-size:      13px;
    --dn-z:              99999;
}

.datasheet-nav {
    position:        fixed;
    top:             0;
    left:            0;
    right:           0;
    height:          var(--dn-height);
    background:      var(--dn-bg);
    border-bottom:   1px solid var(--dn-border-bottom);
    z-index:         var(--dn-z);
    font-family:     var(--dn-font);
    font-size:       var(--dn-font-size);
    -webkit-font-smoothing: antialiased;
}

.datasheet-nav__inner {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    height:          100%;
    max-width:       1200px;
    margin:          0 auto;
    padding:         0 20px;
    gap:             16px;
}

.datasheet-nav__left {
    display:     flex;
    align-items: center;
    gap:         20px;
    min-width:   0;
}

.datasheet-nav__logo {
    display:         flex;
    align-items:     center;
    text-decoration: none;
    flex-shrink:     0;
}

.datasheet-nav__back {
    display:         flex;
    align-items:     center;
    gap:             5px;
    text-decoration: none;
    color:           var(--dn-back-color);
    font-weight:     500;
    white-space:     nowrap;
    transition:      color 0.15s ease;
}

.datasheet-nav__back:hover { color: var(--dn-back-hover); }

.datasheet-nav__back-arrow {
    font-size: 14px;
    line-height: 1;
}

.datasheet-nav__right {
    display:     flex;
    align-items: center;
    flex-shrink: 0;
}

.datasheet-nav__cta {
    display:         inline-flex;
    align-items:     center;
    gap:             5px;
    padding:         5px 14px;
    border:          1.5px solid var(--dn-cta-border);
    border-radius:   6px;
    text-decoration: none;
    color:           var(--dn-cta-color);
    font-weight:     600;
    font-size:       12px;
    background:      var(--dn-cta-bg);
    transition:      background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    white-space:     nowrap;
}

.datasheet-nav__cta:hover {
    background:    var(--dn-cta-bg-hover);
    border-color:  #F8931F;
    color:         #F8931F;
}

@media print {
    .datasheet-nav { display: none !important; }
    .datasheet-nav-body-offset { padding-top: 0 !important; }
}

@media (max-width: 480px) {
    .datasheet-nav__back-label { display: none; }
}