/* Application layout only. Screen-scoped to leave print and label dimensions intact. */
@media screen {
  .sx-workspace { --sx-sidebar-width: 248px; --sx-header-height: 72px; }
  .sx-workspace .sx-app.app-header-fixed { padding-top: var(--sx-header-height); }
  .sx-workspace .sx-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1030; height: var(--sx-header-height); min-height: var(--sx-header-height); border: 0; border-bottom: 1px solid var(--sx-border); background: var(--sx-surface); box-shadow: none; }
  .sx-workspace .sx-brand-area { width: var(--sx-sidebar-width); height: var(--sx-header-height); background: #183d33 !important; display: flex; align-items: center; justify-content: center; padding: 12px 20px; }
  .sx-workspace .sx-brand { height: 48px; line-height: 1.2; padding: 0; float: none; width: 100%; max-width: 190px; display: flex; align-items: center; justify-content: center; background: transparent; border-radius: 8px; }
  .sx-workspace .sx-brand img { max-height: 44px; max-width: 100%; width: auto; object-fit: contain; background: transparent; border-radius: 6px; padding: 4px 8px; }
  .sx-workspace .sx-header-tools { margin: 0; margin-inline-start: var(--sx-sidebar-width); padding: 0 24px; min-height: var(--sx-header-height); display: flex !important; align-items: center; gap: 16px; box-shadow: none; background: var(--sx-surface) !important; color: var(--sx-text); }
  .sx-workspace .sx-header-tools:before, .sx-workspace .sx-header-tools:after { display: none; }
  .sx-workspace .sx-header-tools .navbar-nav { float: none !important; margin: 0; display: flex; align-items: center; flex-shrink: 0; }
  .sx-workspace .sx-header-tools .navbar-nav > li { float: none; }
  .sx-workspace .sx-header-tools .navbar-nav > li > a { min-height: 42px; padding: 11px 12px; line-height: 20px; border-radius: 9px; color: var(--sx-text); }
  .sx-workspace .sx-header-tools .navbar-nav > li > a:hover, .sx-workspace .sx-header-tools .navbar-nav > .open > a { background: #edf3ef; }
  .sx-workspace .sx-header-tools .new-objs-menu > li > a { background: var(--sx-primary); color: white; }
  .sx-workspace .sx-header-tools .new-objs-menu > li > a:hover { background: #105344; }
  .sx-workspace .sx-page-context { font-size: 14px; font-weight: 600; white-space: nowrap; max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
  .sx-workspace .sx-header-tools .corr-search { float: none !important; margin: 0; padding: 0; flex: 1; min-width: 160px; max-width: 440px; border: 0; box-shadow: none; }
  .sx-workspace .sx-header-tools .corr-search .form-group, .sx-workspace .sx-header-tools .corr-search .input-group { width: 100%; }
  .sx-workspace .sx-header-tools .corr-search .form-control { height: 40px; background: #f3f6f4; border: 1px solid var(--sx-border) !important; border-inline-end: 0 !important; border-radius: 8px 0 0 8px; }
  .sx-workspace[dir="rtl"] .sx-header-tools .corr-search .form-control { border-radius: 0 8px 8px 0; }
  .sx-workspace .sx-header-tools .corr-search .input-group-btn { background: #f3f6f4; border: 1px solid var(--sx-border); border-inline-start: 0; }
  .sx-workspace .sx-header-tools .corr-search .btn { height: 38px; background: transparent; border: 0; }
  .sx-workspace .sx-header-tools #notifications { margin-inline-start: auto; }
  .sx-workspace .sx-header-tools #notifications .dropdown-menu { right: 0; left: auto; }
  .sx-workspace[dir="rtl"] .sx-header-tools #notifications .dropdown-menu { right: auto; left: 0; }
  .sx-workspace .sx-sidebar { width: var(--sx-sidebar-width); position: fixed; inset-inline-start: 0; top: var(--sx-header-height); bottom: 0; z-index: 1010; margin: 0; float: none; background: #183d33; color: #edf5f0; }
  .sx-workspace .sx-sidebar:before { display: none; }
  .sx-workspace .sx-sidebar .aside-wrap { position: static; width: 100% !important; height: 100%; overflow: hidden; background: none; display: flex; flex-direction: column; }
  .sx-workspace .sx-sidebar .navi-wrap { width: 100%; height: auto; flex: 1; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: #5a7d70 transparent; }
  .sx-workspace .sx-sidebar .navi-wrap > * { width: 100%; }
  .sx-workspace .sx-sidebar-heading { padding: 20px 22px 12px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .09em; color: #b9cec3; display: flex; align-items: center; justify-content: space-between; }
  .sx-workspace .sx-sidebar-close { display: none; }
  .sx-workspace .sx-navigation { background: transparent; }
  .sx-workspace .sx-navigation .sx-nav-list { padding: 0 12px 12px; display: flex; flex-direction: column; min-height: 100%; }
  .sx-workspace .sx-navigation .nav-top-header { display: none; }
  .sx-workspace .sx-navigation ul.nav li a { color: #e5eee9; padding: 12px 12px; min-height: 44px; margin: 2px 0; border-radius: 8px; font-weight: 500; border: 1px solid transparent; background: transparent; white-space: normal; display: block; line-height: 1.55; }
  .sx-workspace .sx-navigation ul.nav li a span { color: inherit; font-size: inherit; font-weight: inherit; }
  .sx-workspace .sx-navigation ul.nav li a .text-muted { color: inherit !important; }
  .sx-workspace .sx-navigation ul.nav .nav-sub .nav-sub li { background: transparent; }
  .sx-workspace .sx-navigation ul.nav .nav-sub .nav-sub li a span { color: inherit !important; }
  .sx-workspace .sx-navigation ul.nav li.line { border-color: #3d6051; background: #3d6051; }
  .sx-workspace .sx-navigation a:focus-visible, .sx-workspace .sx-brand-area button:focus-visible, .sx-workspace .sx-sidebar-close:focus-visible { outline: 2px solid #e5eee9 !important; outline-offset: 2px; }
  .sx-workspace .sx-navigation ul.nav .nav-sub .nav-sub > li > a:hover, .sx-workspace .sx-navigation ul.nav .nav-sub .nav-sub > li > a:focus { background: #285144 !important; }
  .sx-workspace .sx-navigation ul.nav li a:hover { color: white; background: #285144; }
  .sx-workspace .sx-navigation ul.nav li.active > a, .sx-workspace .sx-navigation ul.nav li.active > a:hover { color: white; background: #315c4d; border-color: #527967; }
  .sx-workspace .sx-navigation ul.nav li a > i { float: none; width: 22px; margin: 0; margin-inline-end: 8px; color: #c5ddd0; font-size: 16px; line-height: inherit; vertical-align: middle; }
  /* Arabic font repair marks every icon inline-block!important; restore one disclosure icon per state. */
  .sx-workspace .sx-navigation li > a.auto .text { display: inline-block !important; }
  .sx-workspace .sx-navigation li > a.auto .text-active { display: none !important; }
  .sx-workspace .sx-navigation li.active > a.auto .text { display: none !important; }
  .sx-workspace .sx-navigation li.active > a.auto .text-active { display: inline-block !important; }
  .sx-workspace .sx-navigation i.ng-hide { display: none !important; }
  .sx-workspace .sx-navigation ul.nav li a > .badge { float: inline-end; background: #315e4e; border: 1px solid #668b78; color: #f5faf7; min-width: 24px; font-size: 11px; line-height: 1.4; margin-top: 1px; }
  .sx-workspace .sx-navigation .nav-sub { padding: 4px 0; margin: 0; margin-inline-start: 20px; border-inline-start: 1px solid #52705f; background: transparent; }
  .sx-workspace .sx-navigation .nav-sub li > a { padding: 8px 12px; font-size: 12px; min-height: 38px; }
  .sx-workspace .sx-navigation .sx-nav-footer { margin-top: 24px; padding-top: 14px; border-top: 1px solid #3d6051; }
  .sx-workspace .sx-navigation ul.nav li.sx-nav-footer a { display: flex; align-items: center; gap: 10px; padding: 8px 4px; font-size: 14px; }
  .sx-workspace .sx-nav-footer small { display: block; color: #b9cec3; font-size: 11px; margin-top: 3px; }
  .sx-workspace .sx-brand-mark { border-radius: 9px; border: 1px solid #6d8d7d; background: #315949; font-size: 20px; font-weight: 700; width: 36px; height: 36px; display: grid; place-items: center; flex-shrink: 0; }
  .sx-workspace .sx-nav-footer a > i { margin-inline-start: auto !important; font-size: 12px !important; width: 12px !important; }
  .sx-workspace .sx-content { margin: 0; margin-inline-start: var(--sx-sidebar-width); min-width: 0; min-height: calc(100vh - var(--sx-header-height)); background: var(--sx-canvas); }
  .sx-workspace .sx-content > .app-content-body { padding-bottom: 24px; }
  .sx-workspace .sx-content .fixed.wrapper { background: var(--sx-canvas); border-bottom: 1px solid var(--sx-border); }
  .sx-workspace .sx-skip-link { position: fixed; inset-inline-start: 16px; top: -100px; z-index: 10000; padding: 12px 20px; background: white; color: #105344; border: 2px solid #105344; border-radius: 8px; }
  .sx-workspace .sx-skip-link:focus { top: 12px; }
  .sx-workspace .sx-nav-backdrop { display: none; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .sx-workspace { --sx-sidebar-width: 224px; }
    .sx-workspace .sx-header-tools { gap: 8px; padding: 0 14px; }
    .sx-workspace .sx-page-context { display: none; }
  }
  @media (max-width: 767px) {
    .sx-workspace { --sx-header-height: 64px; --sx-sidebar-width: min(300px, 85vw); }
    .sx-workspace .sx-brand-area { width: 100%; height: 64px; padding: 10px 16px; justify-content: space-between; flex-direction: row-reverse; }
    .sx-workspace .sx-brand { margin-inline-end: auto; margin-inline-start: 12px; }
    .sx-workspace .sx-brand img { max-height: 36px; max-width: 170px; }
    .sx-workspace .sx-brand-area > button { min-width: 42px; height: 42px; padding: 8px; border: 1px solid #587969; color: white; background: #284e40; border-radius: 8px; margin-inline-start: 8px; float: none !important; }
    .sx-workspace .sx-header-tools { display: none !important; margin: 0; padding: 12px; position: absolute; top: 64px; left: 0; right: 0; background: white !important; border-bottom: 1px solid var(--sx-border); box-shadow: 0 8px 20px #173b3320; flex-wrap: wrap; gap: 10px; }
    .sx-workspace .sx-tools-open .sx-header-tools { display: flex !important; }
    .sx-workspace .sx-page-context { display: none; }
    .sx-workspace .sx-header-tools .corr-search { min-width: 100%; max-width: none; order: 3; }
    .sx-workspace .sx-header-tools .navbar-nav > li > a { padding: 10px; }
    .sx-workspace .sx-header-tools #notifications { display: flex; }
    .sx-workspace .sx-header-tools .dropdown-menu { position: absolute !important; top: 100%; min-width: 200px; background: white; box-shadow: 0 8px 24px #173b3326; border: 1px solid var(--sx-border); }
    .sx-workspace .sx-content { margin: 0 !important; transform: none !important; }
    .sx-workspace .sx-sidebar { display: none !important; top: 0; height: 100dvh; z-index: 1051; box-shadow: 0 0 40px #122d3340; }
    .sx-workspace .sx-navigation-open .sx-sidebar { display: block !important; }
    .sx-workspace .sx-sidebar-close { display: inline-grid; place-items: center; width: 40px; height: 40px; border: 1px solid #587969; border-radius: 8px; background: #284e40; color: white; }
    .sx-workspace .sx-navigation-open .sx-nav-backdrop { display: block; position: fixed; inset: 0; width: 100%; height: 100%; border: 0; background: #102b235c; z-index: 1050; }
  }
}

.sx-workspace .sx-navigation ul.nav li.sx-nav-footer a { padding:14px 12px; border:1px solid transparent; border-radius:12px; background:transparent; }
.sx-workspace .sx-brand-mark { width:42px; height:42px; font-size:23px; background:#edf5f0; color:#176b59; border-color:#edf5f0; }
@media screen {
  .sx-workspace .sx-desktop-nav-toggle { flex:0 0 36px; width:36px; height:36px; display:grid; place-items:center; background:var(--sx-surface); color:var(--sx-muted); border:1px solid var(--sx-border); border-radius:var(--sx-radius); }
  @media (min-width:768px) {
    .sx-workspace .sx-app.sx-navigation-collapsed .sx-sidebar, .sx-workspace .sx-app.sx-navigation-collapsed .sx-brand-area { display:none; }
    .sx-workspace .sx-app.sx-navigation-collapsed .sx-header-tools, .sx-workspace .sx-app.sx-navigation-collapsed .sx-content { margin-inline-start:0; }
  }
  .sx-login-help-content { text-align:start; line-height:1.8; overflow-wrap:anywhere; }
}

.sx-workspace .sx-navigation ul.nav li.sx-nav-footer a{flex-wrap:wrap;justify-content:space-between}.sx-workspace .sx-brand-logo{width:100%;height:50px;position:relative;overflow:hidden;display:block;background:transparent;border-radius:8px}.sx-workspace .sx-brand-logo img{position:absolute;width:112%;height:auto;max-width:none;left:50%;right:auto;top:50%;transform:translate(-50%,-50%)}

.sx-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-inline:6px}.sx-user-avatar--large{width:72px;height:72px;margin:0 0 12px}
.sx-account-photo { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.sx-account-photo__placeholder { display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:var(--sx-surface-muted,#f3f7f5); color:var(--sx-muted,#60766c); font-size:22px; flex-shrink:0; }
.sx-account-photo__choose { position:relative; overflow:hidden; margin:0; min-height:40px; display:inline-flex; align-items:center; gap:8px; }
.sx-account-photo__choose input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.sx-account-photo__choose:focus-within { outline:2px solid var(--sx-focus,#176b59); outline-offset:2px; }