/* Synergies Finance: the bar on top of every page and dashboard. Its own names (#fin-bar, .fin-*) so the dashboards' styles do not touch it. */
#fin-bar{all:initial;box-sizing:border-box;display:flex;align-items:center;gap:6px;height:44px;padding:0 16px;background:#0b3d2e;color:#fff;
 font:500 13px/1 "IBM Plex Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;position:relative;z-index:30;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap}
#fin-bar::-webkit-scrollbar{display:none}
#fin-bar *{box-sizing:border-box;font:inherit;letter-spacing:normal}
#fin-bar .fin-brand{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:700;margin-inline-end:10px;flex:none}
#fin-bar .fin-logo,.fin-logo{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#1f8f5f;color:#fff;font:700 14px/1 "Segoe UI",Tahoma,sans-serif;flex:none}
#fin-bar .fin-links{display:flex;align-items:center;gap:2px;flex:none}
#fin-bar a.fin-l{color:#d6eadf;text-decoration:none;padding:8px 10px;border-radius:8px;display:inline-block}
#fin-bar a.fin-l:hover{background:rgba(255,255,255,.1);color:#fff}
#fin-bar a.fin-l.on{background:rgba(255,255,255,.16);color:#fff;font-weight:600}
#fin-bar .fin-grow{flex:1 1 auto;min-width:8px}
#fin-bar .fin-u{color:#fff;font-weight:600;padding:0 6px;max-width:220px;overflow:hidden;text-overflow:ellipsis;flex:none}
#fin-bar .fin-out{margin:0;display:inline;flex:none}
#fin-bar .fin-out button{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}
#fin-bar .fin-out button:hover{background:rgba(255,255,255,.12)}
#fin-bar a:focus-visible,#fin-bar button:focus-visible{outline:2px solid #9fe0bd;outline-offset:2px}
@media (max-width:760px){#fin-bar .fin-brand span:not(.fin-logo){display:none}#fin-bar .fin-u{display:none}}
@media print{#fin-bar{display:none}}