/* Application header only; no selectors target the Contract canvas. */
#rental-navigation { margin:0 14px 0; font:14px Arial,Helvetica,sans-serif; color:#233e2e; }
#rental-navigation * { box-sizing:border-box; }
#rental-navigation [hidden] { display:none!important; }
#rental-navigation .rn-main { display:flex; align-items:center; gap:42px; min-height:79px; border-bottom:1px solid #dce8df; }
#rental-navigation .rn-brand { display:flex; align-items:center; gap:15px; text-decoration:none; flex-shrink:0; color:#587160; }
#rental-navigation .rn-brand img { width:190px; height:42px; object-fit:contain; }
#rental-navigation .rn-brand span { font-size:12px; border-left:1px solid #ccddd1; padding-left:15px; line-height:24px; white-space:nowrap; }
#rental-navigation .rn-links { display:flex; gap:28px; align-self:stretch; align-items:stretch; }
#rental-navigation .rn-link { display:flex; align-items:center; position:relative; width:auto!important; margin:0!important; padding:0 2px!important; border:0!important; border-radius:0!important; background:transparent!important; color:#61796a!important; text-decoration:none; font-size:14px; font-weight:normal; white-space:nowrap; }
#rental-navigation .rn-link:hover { color:#267541!important; }
#rental-navigation .rn-link[aria-current="page"] { color:#254d32!important; font-weight:600; }
#rental-navigation .rn-link[aria-current="page"]::after { content:""; position:absolute; height:3px; border-radius:3px 3px 0 0; background:#267541; bottom:-1px; left:0; right:0; }
#rental-navigation .rn-context { margin-left:auto; min-width:0; }
#rental-navigation .rn-contract { display:block; background:#edf3ef!important; border:1px solid #dce8df!important; border-radius:20px!important; color:#436a50!important; font-size:12px; padding:7px 12px!important; width:auto!important; margin:0!important; text-decoration:none; white-space:nowrap; }
#rental-navigation .rn-contract::before { content:"↗"; margin-right:7px; }
#rental-navigation .rn-contract[aria-current="page"] { background:#e5efe8!important; border-color:#bdd1c2!important; }
#rental-navigation .rn-breadcrumb { display:flex; gap:12px; align-items:center; font-size:12px; min-height:47px; color:#809387; }
#rental-navigation .rn-breadcrumb a { color:#587160; text-decoration:none; }
#rental-navigation .rn-breadcrumb a:hover { color:#267541; text-decoration:underline; }
#rental-navigation .rn-current { color:#345740; overflow-wrap:anywhere; }
#rental-navigation a:focus-visible { outline:2px solid #267541; outline-offset:5px; border-radius:3px; }
#rn-message { font-size:12px; color:#765b2e; background:#faf6eb; padding:10px 12px; border-radius:6px; }
@media(max-width:1000px) { #rental-navigation .rn-main { gap:25px; flex-wrap:wrap; padding-top:12px; } #rental-navigation .rn-brand { flex-basis:100%; } #rental-navigation .rn-links { min-height:51px; } #rental-navigation .rn-context { padding-bottom:5px; } }
@media(max-width:550px) { #rental-navigation { margin:0 4px; } #rental-navigation .rn-main { gap:12px; } #rental-navigation .rn-brand img { width:155px; } #rental-navigation .rn-brand span { font-size:11px; padding-left:10px; } #rental-navigation .rn-links { gap:23px; } #rental-navigation .rn-context { flex-basis:100%; margin:0; padding-bottom:12px; } #rental-navigation .rn-contract { display:inline-block; } }

/* Persistent two-way switch for the directory and loaded contract. */
#rental-navigation .rn-workspaces { display:flex; align-items:stretch; gap:20px; min-height:51px; border-bottom:1px solid #e2eae5; }
#rental-navigation .rn-workspaces a { position:relative; display:flex; align-items:center; padding:0 1px!important; width:auto!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#61796a!important; text-decoration:none; font-size:13px; white-space:nowrap; }
#rental-navigation .rn-workspaces a:hover { color:#267541!important; }
#rental-navigation .rn-workspaces a[aria-current="page"] { color:#254d32!important; font-weight:600; }
#rental-navigation .rn-workspaces a[aria-current="page"]::after { content:""; position:absolute; height:2px; left:0; right:0; bottom:-1px; background:#267541; }
#rental-navigation .rn-switch-divider { align-self:center; height:17px; width:1px; background:#d4e1d8; }
@media(max-width:550px) { #rental-navigation .rn-workspaces { gap:15px; flex-wrap:wrap; } }