/* IT TOP Solutions Company UI Hotfix — loaded last.
   Fixes collapsed/locked sidebar and backup locked hints without deleting legacy CSS. */
html,body{max-width:100%;overflow-x:hidden}
#appView.app-shell{min-width:0;max-width:100%}
#appView.app-shell > :not(.app-sidebar){min-width:0;max-width:100%}

@media (min-width:901px){
  #appView.app-shell.sidebar-collapsed,
  #appView.app-shell[data-sidebar-collapsed="1"]{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    align-items:start!important;
  }
  #appView.app-shell.sidebar-collapsed > .app-sidebar,
  #appView.app-shell[data-sidebar-collapsed="1"] > .app-sidebar,
  #appView.app-shell.sidebar-collapsed > .app-sidebar[hidden],
  #appView.app-shell[data-sidebar-collapsed="1"] > .app-sidebar[hidden]{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    grid-column:1!important;
    overflow:visible!important;
  }
  #appView.app-shell.sidebar-collapsed > :not(.app-sidebar),
  #appView.app-shell[data-sidebar-collapsed="1"] > :not(.app-sidebar){
    grid-column:2!important;
    min-width:0!important;
  }
  #appView.app-shell.sidebar-collapsed .app-sidebar :where(.sidebar-brand-copy,.sidebar-user-card,.sidebar-section-title,.sidebar-footnote,.sidebar-logout,.it-top-appearance-panel),
  #appView.app-shell[data-sidebar-collapsed="1"] .app-sidebar :where(.sidebar-brand-copy,.sidebar-user-card,.sidebar-section-title,.sidebar-footnote,.sidebar-logout,.it-top-appearance-panel){
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    white-space:nowrap!important;
  }
  #appView.app-shell.sidebar-collapsed .sidebar-nav,
  #appView.app-shell[data-sidebar-collapsed="1"] .sidebar-nav{
    display:grid!important;
    gap:10px!important;
    width:100%!important;
  }
  #appView.app-shell.sidebar-collapsed .sidebar-nav .nav-btn,
  #appView.app-shell[data-sidebar-collapsed="1"] .sidebar-nav .nav-btn{
    width:58px!important;
    min-width:58px!important;
    height:58px!important;
    min-height:58px!important;
    padding:0!important;
    margin-inline:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    place-items:center!important;
    border-radius:20px!important;
    position:relative!important;
  }
  #appView.app-shell.sidebar-collapsed .sidebar-nav .nav-btn .nav-btn-copy,
  #appView.app-shell[data-sidebar-collapsed="1"] .sidebar-nav .nav-btn .nav-btn-copy{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
  }
  #appView.app-shell.sidebar-collapsed .sidebar-nav .nav-btn .nav-btn-icon,
  #appView.app-shell[data-sidebar-collapsed="1"] .sidebar-nav .nav-btn .nav-btn-icon{
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    font-size:22px!important;
  }
  #appView.app-shell.sidebar-collapsed #sidebarToggleBtn,
  #appView.app-shell[data-sidebar-collapsed="1"] #sidebarToggleBtn{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    width:58px!important;
    min-width:58px!important;
    height:58px!important;
    min-height:58px!important;
    padding:0!important;
    margin:0 auto 8px!important;
    place-items:center!important;
    border-radius:20px!important;
    z-index:5!important;
  }
  #appView.app-shell.sidebar-collapsed #sidebarToggleBtn [data-sidebar-toggle-label],
  #appView.app-shell[data-sidebar-collapsed="1"] #sidebarToggleBtn [data-sidebar-toggle-label]{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
  }
  #appView.app-shell.sidebar-collapsed #sidebarToggleBtn [data-sidebar-toggle-icon],
  #appView.app-shell[data-sidebar-collapsed="1"] #sidebarToggleBtn [data-sidebar-toggle-icon]{
    font-size:24px!important;
    line-height:1!important;
  }
  #appView.app-shell.sidebar-collapsed .sidebar-nav .nav-btn[data-mini-title]::after,
  #appView.app-shell[data-sidebar-collapsed="1"] .sidebar-nav .nav-btn[data-mini-title]::after{
    content:attr(data-mini-title);
    position:absolute;
    inset-inline-start:calc(100% + 12px);
    top:50%;
    transform:translateY(-50%);
    min-width:128px;
    max-width:240px;
    padding:8px 11px;
    border-radius:13px;
    background:rgba(15,23,42,.98);
    color:#fff;
    border:1px solid rgba(246,207,114,.28);
    box-shadow:0 16px 36px rgba(0,0,0,.32);
    font-size:12px;
    font-weight:900;
    text-align:start;
    opacity:0;
    pointer-events:none;
    z-index:2000;
  }
  #appView.app-shell.sidebar-collapsed .sidebar-nav .nav-btn[data-mini-title]:hover::after,
  #appView.app-shell.sidebar-collapsed .sidebar-nav .nav-btn[data-mini-title]:focus-visible::after,
  #appView.app-shell[data-sidebar-collapsed="1"] .sidebar-nav .nav-btn[data-mini-title]:hover::after,
  #appView.app-shell[data-sidebar-collapsed="1"] .sidebar-nav .nav-btn[data-mini-title]:focus-visible::after{opacity:1}
}

@media (max-width:900px){
  #appView.app-shell{display:block!important;width:100%!important;max-width:100%!important}
  #appView.app-shell .table-shell,
  #appView.app-shell .overflow-x-auto,
  #appView.app-shell .table-wrap{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  #appView.app-shell table{min-width:640px}
}

.product1-backup-locked-hint{
  margin:0 0 14px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(245,158,11,.30);
  background:rgba(245,158,11,.10);
  color:#fde68a;
  font-size:13px;
  font-weight:800;
  line-height:1.8;
}
#view-backup :disabled,
#view-backup [aria-disabled="true"]{cursor:not-allowed!important}

[data-sidebar-overlay]:not(.is-visible),
[data-sidebar-overlay][hidden]{pointer-events:none!important}


/* Backup restore upload/status — Product 1 final fix */
.backup-selected-file-name{font-size:12px;font-weight:800;color:#94a3b8;line-height:1.7;overflow-wrap:anywhere}
.backup-restore-progress{padding:14px 16px;border-radius:18px;border:1px solid rgba(59,130,246,.28);background:rgba(15,23,42,.72);box-shadow:0 14px 38px rgba(0,0,0,.18)}
.backup-restore-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.backup-restore-progress-head strong{color:#e2e8f0;font-size:14px}
#backupRestoreProgressBadge{padding:4px 9px;border-radius:999px;background:rgba(59,130,246,.14);color:#93c5fd;font-size:11px;font-weight:900}
#backupRestoreProgressMessage{color:#cbd5e1;font-size:12px;line-height:1.8}
.backup-restore-progress-track{height:7px;margin-top:10px;border-radius:999px;background:rgba(30,41,59,.92);overflow:hidden}
.backup-restore-progress-track span{display:block;height:100%;width:4%;border-radius:inherit;background:linear-gradient(90deg,#3b82f6,#22d3ee);transition:width .35s ease}
.backup-restore-progress.is-success{border-color:rgba(16,185,129,.32);background:rgba(6,78,59,.16)}
.backup-restore-progress.is-success #backupRestoreProgressBadge{background:rgba(16,185,129,.16);color:#6ee7b7}
.backup-restore-progress.is-success .backup-restore-progress-track span{background:linear-gradient(90deg,#10b981,#34d399)}
.backup-restore-progress.is-error{border-color:rgba(239,68,68,.32);background:rgba(127,29,29,.16)}
.backup-restore-progress.is-error #backupRestoreProgressBadge{background:rgba(239,68,68,.16);color:#fca5a5}
.backup-restore-progress.is-error .backup-restore-progress-track span{background:linear-gradient(90deg,#ef4444,#f97316)}
@media (max-width:640px){.backup-restore-progress-head{align-items:flex-start;flex-direction:column}.backup-action-row{display:grid!important;grid-template-columns:1fr!important}.backup-action-row>*{width:100%!important}}