/* Kufra Government Enterprise - Premium UI v3.3.0
   Modern government ERP skin layered over the desktop shell. */
:root{
  --ux-navy-950:#071827;
  --ux-navy-900:#0a2138;
  --ux-navy-850:#0d2a46;
  --ux-navy-800:#123454;
  --ux-blue:#246bfd;
  --ux-blue-600:#1d5fe3;
  --ux-cyan:#0aa6b5;
  --ux-gold:#c99a38;
  --ux-bg:#f4f7fb;
  --ux-bg-2:#eef3f8;
  --ux-card:#ffffff;
  --ux-card-soft:#f9fbfd;
  --ux-border:#dce5ef;
  --ux-border-2:#cbd8e6;
  --ux-ink:#14283d;
  --ux-muted:#708196;
  --ux-success:#11875d;
  --ux-warning:#b97616;
  --ux-danger:#c53a47;
  --ux-radius:13px;
  --ux-radius-sm:9px;
  --ux-shadow:0 8px 26px rgba(10,33,56,.065);
  --ux-shadow-strong:0 14px 38px rgba(10,33,56,.105);
}

html,body,button,input,select,textarea,table,th,td,label,a,span,div,p,h1,h2,h3,h4,h5,h6,.btn,.btn-soft,.a-btn{
  font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif!important;
}
html{font-synthesis:none;text-rendering:optimizeLegibility}
body.desktop-app{background:var(--ux-bg)!important;color:var(--ux-ink)!important;font-size:14px!important}
body.desktop-app::before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(36,107,253,.025),transparent 35%,rgba(10,166,181,.018));z-index:-1}

/* ---------- Global shell ---------- */
.vb-menubar{
  height:46px!important;
  background:linear-gradient(90deg,var(--ux-navy-950),var(--ux-navy-900))!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 4px 16px rgba(4,18,31,.15)!important;
  padding:0 14px!important;
}
.vb-app-caption{height:31px!important;padding:0 6px 0 18px!important;font-size:.76rem!important;letter-spacing:0!important;color:#f4f8fc!important;border-left-color:rgba(255,255,255,.1)!important}
.vb-app-caption img{width:25px!important;height:25px!important;border-radius:7px!important;background:#fff!important;padding:2px!important}
.vb-menu{height:31px!important;border-radius:8px!important;padding:0 10px!important;color:#ccdae7!important;font-size:.69rem!important;transition:background .12s,color .12s!important}
.vb-menu:hover,.vb-menu.open{background:rgba(255,255,255,.09)!important;color:#fff!important}
.vb-menu-panel{top:38px!important;min-width:210px!important;border-radius:12px!important;border:1px solid var(--ux-border)!important;box-shadow:0 18px 45px rgba(7,24,39,.18)!important;padding:6px!important;background:#fff!important}
.vb-menu-panel a{border-radius:8px!important;padding:8px 10px!important;font-size:.7rem!important;color:#30475f!important}
.vb-menu-panel a:hover{background:#edf4ff!important;color:#164ea6!important}

body.desktop-app .sidebar{
  top:46px!important;
  width:272px!important;
  height:calc(100vh - 46px - var(--erp-status))!important;
  background:linear-gradient(180deg,#0b243a 0%,#071b2d 72%,#061625 100%)!important;
  box-shadow:-8px 0 30px rgba(7,24,39,.16)!important;
}
body.desktop-app .sidebar-header{
  min-height:116px!important;
  padding:18px 16px 15px!important;
  grid-template-columns:60px 1fr!important;
  column-gap:12px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.012))!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
body.desktop-app .sidebar-logo{width:60px!important;height:60px!important;border-radius:16px!important;padding:5px!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important}
body.desktop-app .sidebar-title{font-size:.97rem!important;font-weight:800!important;color:#fff!important}
body.desktop-app .sidebar-subtitle{font-size:.69rem!important;color:#9bb1c5!important}
body.desktop-app .nav-menu{padding:12px 10px 20px!important}
body.desktop-app .vb-tree-group{margin:6px 0!important}
body.desktop-app .vb-tree-group>summary{padding:7px 10px!important;color:#7f9bb3!important;font-size:.67rem!important;font-weight:700!important;letter-spacing:.02em!important}
body.desktop-app .vb-tree-group[open]>summary{color:#b9ccdc!important;background:rgba(255,255,255,.03)!important}
body.desktop-app .nav-item{
  min-height:42px!important;
  margin:3px 0!important;
  padding:8px 11px!important;
  border-radius:10px!important;
  color:#c5d6e5!important;
  font-size:.74rem!important;
  font-weight:500!important;
  transition:background .12s,color .12s,transform .12s!important;
}
body.desktop-app .nav-item:hover{background:rgba(255,255,255,.072)!important;color:#fff!important;transform:translateX(-1px)!important}
body.desktop-app .nav-item.active{
  background:linear-gradient(90deg,rgba(36,107,253,.26),rgba(10,166,181,.105))!important;
  color:#fff!important;
  box-shadow:inset -3px 0 0 #5fc9ea,0 4px 15px rgba(0,0,0,.08)!important;
  font-weight:700!important;
}
body.desktop-app .nav-item i{width:22px!important;height:22px!important;margin-left:10px!important;color:#86a5bd!important}
body.desktop-app .nav-item.active i,body.desktop-app .nav-item:hover i{color:#71d4ef!important}

body.desktop-app .main-content{margin-right:272px!important;background:transparent!important;padding-top:calc(46px + 64px + 52px + 40px)!important}
body.desktop-app .top-bar{right:272px!important;top:46px!important;height:64px!important;border-bottom:1px solid var(--ux-border)!important;background:rgba(255,255,255,.985)!important;box-shadow:0 3px 14px rgba(10,33,56,.035)!important}
body.desktop-app .top-bar-shell{height:64px!important;padding:9px 20px!important}
body.desktop-app .page-title{font-size:1.08rem!important;font-weight:800!important;color:#16314a!important}
body.desktop-app .page-subtitle{font-size:.69rem!important;color:#7b8ca0!important}
body.desktop-app .title-chip{background:#f5f8fb!important;border-color:#dce6f0!important;color:#5e7187!important}
body.desktop-app .title-chip.primary{background:#edf4ff!important;border-color:#d6e4ff!important;color:#2157ad!important}
body.desktop-app .optional-hide input{height:38px!important;border-radius:10px!important;border-color:var(--ux-border-2)!important;background:#f8fafc!important;font-size:.72rem!important}
body.desktop-app .optional-hide input:focus{background:#fff!important;border-color:#86acf6!important;box-shadow:0 0 0 3px rgba(36,107,253,.08)!important}
body.desktop-app .notification-btn{width:38px!important;height:38px!important;border-radius:10px!important;border-color:var(--ux-border)!important;color:#49657e!important;background:#fff!important}
body.desktop-app .notification-btn:hover{background:#f2f7fc!important;border-color:#bfd0e2!important}
body.desktop-app .user-profile{padding:4px 8px 4px 5px!important;border-radius:11px!important;border-color:var(--ux-border)!important;background:#fff!important}
body.desktop-app .user-avatar{width:34px!important;height:34px!important;border-radius:9px!important;background:linear-gradient(135deg,var(--ux-blue),var(--ux-cyan))!important}
body.desktop-app .user-name{font-size:.74rem!important;font-weight:700!important;color:#274058!important}
body.desktop-app .user-role{font-size:.6rem!important;color:#8494a6!important}

.vb-toolbar{right:272px!important;top:110px!important;height:52px!important;padding:7px 19px!important;gap:6px!important;background:#fbfcfe!important;border-bottom:1px solid var(--ux-border)!important;box-shadow:none!important}
.vb-tool{height:36px!important;min-width:36px!important;border-radius:9px!important;border:1px solid transparent!important;padding:0 9px!important;color:#466079!important;font-size:.66rem!important;font-weight:600!important;gap:7px!important}
.vb-tool:hover{background:#fff!important;border-color:#cfdce9!important;color:#174e9a!important;box-shadow:0 3px 9px rgba(10,33,56,.06)!important}
.vb-tool.primary{background:linear-gradient(135deg,#2e72f4,#1e5cd8)!important;border-color:#1e5cd8!important;color:#fff!important;box-shadow:0 5px 14px rgba(36,107,253,.16)!important}
.vb-tool.primary:hover{background:linear-gradient(135deg,#2568e8,#174fc0)!important;color:#fff!important}
.vb-tool i{width:18px!important;height:18px!important}
.vb-tool-sep{height:22px!important;background:#dbe4ee!important;margin:0 4px!important}

.vb-tabs{right:272px!important;top:162px!important;height:40px!important;background:#eef3f8!important;padding:5px 16px 0!important;gap:5px!important;border-bottom:1px solid #d8e2ec!important}
.vb-tab{height:35px!important;min-width:128px!important;border-radius:9px 9px 0 0!important;border:1px solid #d7e1eb!important;border-bottom:0!important;background:#f5f8fb!important;color:#66798e!important;padding:0 10px!important;font-size:.65rem!important;box-shadow:none!important}
.vb-tab:hover{background:#fff!important;color:#36536f!important}
.vb-tab.active{background:#fff!important;color:#1d4f87!important;font-weight:700!important;border-color:#cbd8e5!important;box-shadow:0 -2px 8px rgba(10,33,56,.035)!important}
.vb-tab.active:after{content:'';position:absolute;right:10px;left:10px;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--ux-blue),var(--ux-cyan));border-radius:2px}

.vb-statusbar{height:30px!important;background:#071a2a!important;color:#9fb4c7!important;font-size:.6rem!important;border-top:1px solid rgba(255,255,255,.055)!important}
.vb-status-section{border-left-color:rgba(255,255,255,.07)!important}

body.desktop-app .content-wrapper{padding:20px 22px 28px!important;max-width:1880px!important;margin:0 auto!important;width:100%!important}

/* ---------- Page chrome / cards ---------- */
body.desktop-app .enterprise-page-head{
  border:1px solid var(--ux-border)!important;
  border-right:4px solid var(--ux-blue)!important;
  border-radius:14px!important;
  background:linear-gradient(120deg,#fff 0%,#fbfdff 72%,#f2f7ff 100%)!important;
  box-shadow:var(--ux-shadow)!important;
  padding:17px 19px!important;
  margin-bottom:15px!important;
  position:relative!important;
  overflow:hidden!important;
}
body.desktop-app .enterprise-page-head:after{content:'';position:absolute;left:-34px;top:-48px;width:125px;height:125px;border-radius:50%;background:rgba(36,107,253,.045)}
body.desktop-app .enterprise-page-head h1{font-size:1.13rem!important;font-weight:800!important;color:#173550!important}
body.desktop-app .enterprise-page-head h1 i{color:var(--ux-blue)!important}
body.desktop-app .enterprise-page-head p{font-size:.73rem!important;color:#75869a!important;line-height:1.8!important}

body.desktop-app .card,body.desktop-app .section-card,body.desktop-app .simple-card,body.desktop-app .a-card{
  border:1px solid var(--ux-border)!important;
  border-radius:var(--ux-radius)!important;
  background:#fff!important;
  box-shadow:var(--ux-shadow)!important;
}
body.desktop-app .section-card{padding:16px!important;margin-bottom:15px!important}
body.desktop-app .simple-card{padding:13px 14px!important;box-shadow:none!important;background:#fbfdff!important}
body.desktop-app .section-head{margin-bottom:11px!important;align-items:center!important}
body.desktop-app .section-head h2,body.desktop-app .section-head h3{font-size:.91rem!important;font-weight:800!important;color:#284158!important}
body.desktop-app .muted{font-size:.7rem!important;color:#7d8da0!important;line-height:1.7!important}

/* KPIs */
body.desktop-app .kpi-row,body.desktop-app .stats-grid{gap:12px!important;margin-bottom:16px!important}
body.desktop-app .kpi,body.desktop-app .stat-card{
  min-height:92px!important;
  border-radius:13px!important;
  padding:14px 15px!important;
  border:1px solid var(--ux-border)!important;
  background:linear-gradient(145deg,#fff,#fbfdff)!important;
  box-shadow:var(--ux-shadow)!important;
  overflow:hidden!important;
}
body.desktop-app .kpi:before,body.desktop-app .stat-card:before{width:4px!important;background:linear-gradient(180deg,var(--ux-blue),var(--ux-cyan))!important}
body.desktop-app .kpi:after,body.desktop-app .stat-card:after{content:'';position:absolute;left:-26px;bottom:-36px;width:88px;height:88px;border-radius:50%;background:rgba(36,107,253,.035)}
body.desktop-app .kpi:hover,body.desktop-app .stat-card:hover{transform:translateY(-2px)!important;border-color:#c6d6e6!important;box-shadow:var(--ux-shadow-strong)!important}
body.desktop-app .kpi .n,body.desktop-app .stat-value{font-size:1.55rem!important;font-weight:800!important;color:#163b5d!important;line-height:1.2!important}
body.desktop-app .kpi .l,body.desktop-app .stat-label{font-size:.69rem!important;color:#718399!important;margin-top:7px!important}
body.desktop-app .kpi .l i{color:var(--ux-blue)!important;margin-left:5px!important}

/* Quick launch */
body.desktop-app .quick-launch{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;gap:11px!important;margin-bottom:16px!important}
body.desktop-app .quick-launch>a{
  min-height:86px!important;
  grid-template-columns:44px 1fr!important;
  column-gap:12px!important;
  border-radius:13px!important;
  border:1px solid var(--ux-border)!important;
  background:linear-gradient(145deg,#fff,#fbfdff)!important;
  box-shadow:var(--ux-shadow)!important;
  padding:14px!important;
  position:relative!important;
  overflow:hidden!important;
}
body.desktop-app .quick-launch>a:after{content:'›';position:absolute;left:12px;top:50%;transform:translateY(-50%);font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;color:#c4d0dc;font-size:20px;transition:.15s}
body.desktop-app .quick-launch>a:hover{transform:translateY(-2px)!important;border-color:#bdd0e5!important;box-shadow:var(--ux-shadow-strong)!important;background:#fff!important}
body.desktop-app .quick-launch>a:hover:after{left:9px;color:#5d82ad}
body.desktop-app .quick-launch>a i{grid-row:1/3;width:44px!important;height:44px!important;border-radius:12px!important;background:linear-gradient(145deg,#edf4ff,#e7f8fa)!important;color:#2864b7!important;padding:11px!important;box-shadow:inset 0 0 0 1px rgba(36,107,253,.06)!important}
body.desktop-app .quick-launch>a strong{font-size:.75rem!important;font-weight:800!important;color:#263f57!important}
body.desktop-app .quick-launch>a span{font-size:.64rem!important;color:#7f8fa2!important;margin-left:14px!important}

/* ---------- Tables ---------- */
body.desktop-app .table-scroll{border:1px solid var(--ux-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 3px 12px rgba(10,33,56,.035)!important}
body.desktop-app .data-table,body.desktop-app .table-simple,body.desktop-app .a-table{border-collapse:separate!important;border-spacing:0!important}
body.desktop-app .data-table th,body.desktop-app .table-simple th,body.desktop-app .a-table th{
  background:#f3f7fb!important;
  color:#506982!important;
  border-bottom:1px solid #dbe5ef!important;
  padding:11px 12px!important;
  font-size:.68rem!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
body.desktop-app .data-table td,body.desktop-app .table-simple td,body.desktop-app .a-table td{
  padding:10px 12px!important;
  font-size:.71rem!important;
  color:#30475e!important;
  border-bottom:1px solid #edf2f7!important;
}
body.desktop-app .data-table tr:nth-child(even) td,body.desktop-app .table-simple tr:nth-child(even) td,body.desktop-app .a-table tr:nth-child(even) td{background:#fbfcfe!important}
body.desktop-app .data-table tr:hover td,body.desktop-app .table-simple tr:hover td,body.desktop-app .a-table tr:hover td{background:#eef5ff!important}
body.desktop-app .data-table td:first-child,body.desktop-app .table-simple td:first-child,body.desktop-app .a-table td:first-child{font-weight:600!important}

/* ---------- Forms ---------- */
body.desktop-app .form-grid{gap:12px 14px!important}
body.desktop-app .field label,body.desktop-app .form-label{font-size:.69rem!important;font-weight:700!important;color:#536980!important;margin-bottom:6px!important}
body.desktop-app input:not([type=checkbox]):not([type=radio]),body.desktop-app select,body.desktop-app textarea,body.desktop-app .a-input,body.desktop-app .a-select,body.desktop-app .a-textarea{
  border:1px solid #cbd8e5!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#233b52!important;
  min-height:41px!important;
  padding:8px 11px!important;
  font-size:.73rem!important;
  box-shadow:0 1px 2px rgba(10,33,56,.018)!important;
  transition:border-color .12s,box-shadow .12s,background .12s!important;
}
body.desktop-app textarea,body.desktop-app .a-textarea{min-height:94px!important;line-height:1.7!important}
body.desktop-app input:focus,body.desktop-app select:focus,body.desktop-app textarea:focus,body.desktop-app .a-input:focus,body.desktop-app .a-select:focus,body.desktop-app .a-textarea:focus{
  outline:none!important;
  border-color:#7fa8ef!important;
  box-shadow:0 0 0 3px rgba(36,107,253,.085)!important;
  background:#fff!important;
}
body.desktop-app input::placeholder,body.desktop-app textarea::placeholder{color:#a0adba!important}

/* ---------- Buttons / badges / notices ---------- */
body.desktop-app .btn-soft,body.desktop-app .a-btn,body.desktop-app .btn{
  min-height:36px!important;
  border-radius:9px!important;
  padding:7px 12px!important;
  font-size:.68rem!important;
  font-weight:700!important;
  gap:6px!important;
  transition:transform .1s,box-shadow .1s,background .1s,border-color .1s!important;
}
body.desktop-app .btn-soft{border:1px solid #cfdbe7!important;background:#fff!important;color:#3b5873!important;box-shadow:0 1px 3px rgba(10,33,56,.025)!important}
body.desktop-app .btn-soft:hover{background:#f5f9fd!important;border-color:#b9cbdd!important;transform:translateY(-1px)!important}
body.desktop-app .btn-blue,body.desktop-app .a-btn-primary{background:linear-gradient(135deg,#2d72f1,#1c58cf)!important;border-color:#1c58cf!important;color:#fff!important;box-shadow:0 5px 13px rgba(36,107,253,.15)!important}
body.desktop-app .btn-green{background:linear-gradient(135deg,#14936b,#0d7956)!important;border-color:#0d7956!important;color:#fff!important}
body.desktop-app .btn-red,body.desktop-app .a-btn-danger{background:#fff1f2!important;color:#a82736!important;border:1px solid #f2c8cd!important;box-shadow:none!important}
body.desktop-app .btn-orange{background:#fff8eb!important;color:#9a6417!important;border:1px solid #ecd6ac!important}
body.desktop-app .badge,body.desktop-app .pill{border-radius:999px!important;padding:4px 8px!important;font-size:.64rem!important;font-weight:700!important;line-height:1.4!important}
body.desktop-app .notice,body.desktop-app .alert{border-radius:11px!important;font-size:.7rem!important;box-shadow:none!important}

/* ---------- Dropdown / modal ---------- */
body.desktop-app .user-dropdown{border-radius:12px!important;border:1px solid var(--ux-border)!important;box-shadow:0 18px 44px rgba(7,24,39,.15)!important;padding:6px!important}
body.desktop-app .user-dropdown a{border-radius:8px!important;font-size:.69rem!important}
body.desktop-app .modal,body.desktop-app .modal-content{border-radius:14px!important;border-color:var(--ux-border)!important;box-shadow:0 22px 70px rgba(7,24,39,.18)!important}

/* ---------- Login ---------- */
body.desktop-login{font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif!important;background:#eef3f8!important}
.desktop-login .login-bg{
  min-height:100vh!important;
  padding:30px!important;
  background:
    radial-gradient(circle at 18% 16%,rgba(36,107,253,.09),transparent 27%),
    radial-gradient(circle at 82% 86%,rgba(10,166,181,.08),transparent 28%),
    linear-gradient(135deg,#edf2f7 0%,#f8fafc 52%,#eaf1f7 100%)!important;
}
.desktop-login .login-bg:before{
  width:min(36vw,520px)!important;
  background:
    linear-gradient(160deg,rgba(255,255,255,.055),transparent 38%),
    linear-gradient(155deg,#071827 0%,#0d2a46 55%,#0a5263 100%)!important;
  box-shadow:-18px 0 55px rgba(7,24,39,.13)!important;
}
.desktop-login .login-bg:after{content:'';position:fixed;right:72px;top:72px;width:170px;height:170px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 78px rgba(255,255,255,.018);z-index:0}
.desktop-login .login-card{
  max-width:450px!important;
  margin-right:min(21vw,315px)!important;
  border-radius:20px!important;
  border:1px solid #d5e0eb!important;
  box-shadow:0 30px 85px rgba(7,24,39,.17)!important;
  background:#fff!important;
}
.desktop-login .login-header{padding:28px 28px 21px!important;border-bottom:1px solid #edf2f6!important;background:linear-gradient(180deg,#fff,#fcfdff)!important}
.desktop-login .login-logo{width:92px!important;height:92px!important;border-radius:20px!important;padding:8px!important;border:1px solid #dce5ee!important;box-shadow:0 10px 24px rgba(10,33,56,.09)!important}
.desktop-login .login-title{font-size:1.25rem!important;font-weight:800!important;color:#15334f!important}
.desktop-login .login-subtitle{font-size:.73rem!important;color:#7e8ea1!important;margin-top:5px!important}
.desktop-login form{padding:23px 28px 9px!important}
.desktop-login .form-label{font-size:.71rem!important;font-weight:700!important;color:#4d647b!important}
.desktop-login .form-input{min-height:44px!important;border-radius:10px!important;border:1px solid #cbd8e5!important;background:#fbfcfe!important;font-size:.77rem!important;padding-right:40px!important}
.desktop-login .form-input:focus{background:#fff!important;border-color:#7ea6ee!important;box-shadow:0 0 0 3px rgba(36,107,253,.085)!important}
.desktop-login .input-group i{color:#8092a5!important;font-size:.8rem!important}
.desktop-login .btn-login{min-height:45px!important;border-radius:10px!important;background:linear-gradient(135deg,#2d72f1,#1b57cd)!important;border:1px solid #1b57cd!important;font-size:.79rem!important;font-weight:800!important;box-shadow:0 8px 20px rgba(36,107,253,.2)!important}
.desktop-login .btn-login:hover{background:linear-gradient(135deg,#2869df,#164ab7)!important;box-shadow:0 10px 24px rgba(36,107,253,.24)!important;transform:translateY(-1px)!important}
.desktop-login .system-info{font-size:.64rem!important;color:#8291a2!important;padding-bottom:20px!important}
.desktop-login .alert{font-size:.69rem!important;border-radius:10px!important}

/* ---------- Print ---------- */
@media print{
  html,body,button,input,select,textarea,table,th,td,label,a,span,div,p,h1,h2,h3,h4,h5,h6{font-family:'Cairo',Tahoma,Arial,sans-serif!important}
  body{background:#fff!important;color:#111!important}
}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
  body.desktop-app .sidebar{width:248px!important}
  body.desktop-app .main-content{margin-right:248px!important}
  body.desktop-app .top-bar,.vb-toolbar,.vb-tabs{right:248px!important}
}
@media(max-width:1024px){
  body.desktop-app .sidebar{right:-272px!important;width:272px!important}
  body.desktop-app .sidebar.show{right:0!important}
  body.desktop-app .main-content{margin-right:0!important}
  body.desktop-app .top-bar,.vb-toolbar,.vb-tabs{right:0!important}
  .desktop-login .login-card{margin-right:0!important}
  .desktop-login .login-bg:before{width:28vw!important}
}
@media(max-width:680px){
  body.desktop-app .content-wrapper{padding:13px!important}
  body.desktop-app .quick-launch{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.desktop-app .quick-launch>a{min-height:78px!important;grid-template-columns:38px 1fr!important;padding:10px!important}
  body.desktop-app .quick-launch>a i{width:38px!important;height:38px!important;padding:9px!important}
  .desktop-login .login-bg{padding:14px!important}
  .desktop-login .login-bg:before,.desktop-login .login-bg:after{display:none!important}
  .desktop-login .login-card{width:100%!important;border-radius:16px!important}
}