:root{
  --uny-customer-primary:#0f9cf3;
  --uny-customer-primary-dark:#1177d8;
  --uny-customer-accent:#7658f6;
  --uny-customer-ink:#152033;
  --uny-customer-muted:#6f7b8f;
  --uny-customer-border:#e7ebf2;
  --uny-customer-surface:#ffffff;
  --uny-customer-soft:#f7f9fc;
  --uny-customer-danger:#f04452;
  --uny-customer-shadow:0 18px 50px rgba(27,46,82,.10);
}

.uny-customer-sidebar-card{
  position:sticky;top:110px;background:#fff;border:1px solid var(--uny-customer-border);border-radius:24px;
  box-shadow:var(--uny-customer-shadow);overflow:hidden;padding:18px;
}
.uny-customer-sidebar-profile{display:flex;align-items:center;gap:12px;padding:8px 4px 18px;border-bottom:1px solid var(--uny-customer-border);margin-bottom:12px}
.uny-customer-avatar,.uny-customer-mobile-avatar{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--uny-customer-primary),var(--uny-customer-accent));color:#fff;font-size:20px;font-weight:800;overflow:hidden;box-shadow:0 10px 22px rgba(15,156,243,.2)}
.uny-customer-avatar img,.uny-customer-mobile-avatar img{width:100%;height:100%;object-fit:cover}
.uny-customer-profile-copy{min-width:0;display:flex;flex-direction:column}
.uny-customer-profile-copy .uny-customer-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--uny-customer-primary);font-weight:800}
.uny-customer-profile-copy strong{font-size:14px;color:var(--uny-customer-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uny-customer-profile-copy small{font-size:11px;color:var(--uny-customer-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uny-customer-sidebar-nav{display:flex;flex-direction:column;gap:5px}
.uny-customer-sidebar-nav>a{display:flex;align-items:center;gap:11px;min-height:48px;padding:9px 12px;border-radius:14px;color:#3e4a5d;font-size:13px;font-weight:700;text-decoration:none;transition:.2s ease}
.uny-customer-sidebar-nav>a:hover{background:#f5f8fe;color:var(--uny-customer-primary-dark);transform:translateX(2px)}
.uny-customer-sidebar-nav>a.is-active{background:linear-gradient(135deg,rgba(15,156,243,.12),rgba(118,88,246,.09));color:var(--uny-customer-primary-dark);box-shadow:inset 0 0 0 1px rgba(15,156,243,.12)}
.uny-customer-nav-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#f1f5fb;color:#7d889a;flex:none}
.uny-customer-sidebar-nav>a.is-active .uny-customer-nav-icon{background:#fff;color:var(--uny-customer-primary);box-shadow:0 5px 15px rgba(15,156,243,.12)}
.uny-customer-sidebar-nav>a.is-logout{margin-top:8px;color:var(--uny-customer-danger);border-top:1px solid var(--uny-customer-border);border-radius:0;padding-top:16px}
.uny-customer-sidebar-nav>a.is-logout .uny-customer-nav-icon{background:#fff0f1;color:var(--uny-customer-danger)}

.uny-customer-mobile-shell{display:none}

/* General panel polish without changing desktop structure */
.user-dashbord .account-info,.user-dashbord .user-profile-details,.user-dashbord .card{
  border-radius:20px!important;border:1px solid var(--uny-customer-border)!important;box-shadow:0 12px 35px rgba(28,45,76,.07)!important;background:#fff;
}
.user-dashbord .account-info>.title,.user-dashbord .user-profile-details .title{border-bottom:1px solid var(--uny-customer-border)!important;padding:20px 22px!important;background:linear-gradient(180deg,#fff,#fbfcff);border-radius:20px 20px 0 0}
.user-dashbord .account-info>.title h4,.user-dashbord .user-profile-details .title h4{margin:0;color:var(--uny-customer-ink);font-size:20px;font-weight:800}
.user-dashbord .account-info>.main-info,.user-dashbord .edit-info-area{padding:22px!important}
.user-dashbord .info-list li{padding:8px 0;color:var(--uny-customer-muted);word-break:break-word}
.user-dashbord .info-list li strong{color:var(--uny-customer-ink)}
.user-dashbord .form_control,.user-dashbord input.form-control,.user-dashbord select.form-control,.user-dashbord textarea.form_control,.user-dashbord textarea.form-control{
  border:1px solid #dde4ef!important;border-radius:13px!important;min-height:46px!important;padding:11px 14px!important;background:#fbfcfe!important;box-shadow:none!important;
}
.user-dashbord .form_control:focus,.user-dashbord .form-control:focus{border-color:var(--uny-customer-primary)!important;box-shadow:0 0 0 3px rgba(15,156,243,.10)!important;background:#fff!important}
.user-dashbord .btn,.user-dashbord .button{border-radius:12px!important;font-weight:700!important}
.user-dashbord .main-table{overflow:hidden}
.user-dashbord table{width:100%!important}

/* Hide legacy mobile tabs where they still exist in old customer Blade files */
@media (max-width:991.98px){
  .user-dashbord{padding-top:18px!important;padding-bottom:112px!important}
  .user-dashbord>.container{max-width:100%!important;padding-left:14px!important;padding-right:14px!important}
  .user-dashbord .row{margin-left:-6px!important;margin-right:-6px!important}
  .user-dashbord [class*="col-"]{padding-left:6px!important;padding-right:6px!important}
  .desktop-hide>.topnav,.desktop-hide center .topnav{display:none!important}
  body>.desktop-hide .topnav{display:none!important}
  .uny-customer-mobile-shell{display:block;position:relative;z-index:30;margin:0 0 16px;width:100%;padding:0 8px}
  html.uny-customer-menu-open,body.uny-customer-menu-open{overflow:hidden!important}

  .uny-customer-mobile-summary{display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%);border:1px solid var(--uny-customer-border);border-radius:20px;padding:12px;box-shadow:0 14px 34px rgba(25,44,77,.08)}
  .uny-customer-mobile-avatar{width:44px;height:44px;border-radius:14px;font-size:17px}
  .uny-customer-mobile-summary-copy{min-width:0;display:flex;flex-direction:column;flex:1}
  .uny-customer-mobile-summary-copy span{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--uny-customer-primary)}
  .uny-customer-mobile-summary-copy strong{font-size:14px;color:var(--uny-customer-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .uny-customer-mobile-menu-button{border:0;background:#102845;color:#fff;border-radius:13px;min-width:68px;height:42px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:800;box-shadow:0 8px 18px rgba(16,40,69,.18)}

  .uny-customer-mobile-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}
  .uny-customer-mobile-shortcuts a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;border:1px solid var(--uny-customer-border);border-radius:16px;background:#fff;color:#7b8596;text-decoration:none;font-size:10px;font-weight:700;box-shadow:0 6px 18px rgba(26,44,75,.05)}
  .uny-customer-mobile-shortcuts a i{font-size:18px}
  .uny-customer-mobile-shortcuts a.is-active{color:var(--uny-customer-primary);border-color:rgba(15,156,243,.25);background:linear-gradient(180deg,#f8fcff,#fff)}

  .uny-customer-sheet-overlay{position:fixed;inset:0;background:rgba(10,23,42,.44);backdrop-filter:blur(3px);opacity:0;visibility:hidden;z-index:10040;transition:.25s ease}
  .uny-customer-mobile-sheet{position:fixed;left:0;right:0;bottom:0;z-index:10050;background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -30px 80px rgba(6,21,43,.22);padding:8px 16px calc(22px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);max-height:86vh;overflow:auto}
  .uny-customer-mobile-shell.is-menu-open .uny-customer-sheet-overlay{opacity:1;visibility:visible}
  .uny-customer-mobile-shell.is-menu-open .uny-customer-mobile-sheet{transform:translateY(0)}
  .uny-customer-sheet-handle{width:42px;height:5px;border-radius:8px;background:#d7dde7;margin:2px auto 10px}
  .uny-customer-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 14px;border-bottom:1px solid var(--uny-customer-border)}
  .uny-customer-sheet-header>div{display:flex;flex-direction:column}
  .uny-customer-sheet-header span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--uny-customer-primary);font-weight:800}
  .uny-customer-sheet-header strong{font-size:20px;color:var(--uny-customer-ink)}
  .uny-customer-sheet-header button{width:40px;height:40px;border-radius:13px;border:1px solid var(--uny-customer-border);background:#fff;color:#243248;font-size:16px}
  .uny-customer-sheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:14px}
  .uny-customer-sheet-grid a{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;min-height:76px;padding:12px;border:1px solid var(--uny-customer-border);border-radius:18px;text-decoration:none;background:#fff;color:var(--uny-customer-ink);box-shadow:0 8px 22px rgba(25,43,73,.05)}
  .uny-customer-sheet-grid .uny-sheet-icon{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:#f1f5fb;display:grid;place-items:center;color:#7c8797;font-size:17px}
  .uny-customer-sheet-grid strong{font-size:12px;line-height:1.1}
  .uny-customer-sheet-grid small{font-size:9px;line-height:1.2;color:var(--uny-customer-muted)}
  .uny-customer-sheet-grid a.is-active{border-color:rgba(15,156,243,.28);background:linear-gradient(135deg,rgba(15,156,243,.08),rgba(118,88,246,.05))}
  .uny-customer-sheet-grid a.is-active .uny-sheet-icon{background:#fff;color:var(--uny-customer-primary);box-shadow:0 5px 14px rgba(15,156,243,.12)}
  .uny-customer-sheet-grid a.is-logout{color:var(--uny-customer-danger);background:#fff8f8}
  .uny-customer-sheet-grid a.is-logout .uny-sheet-icon{background:#fff0f1;color:var(--uny-customer-danger)}

  /* Convert wide tables into horizontally scrollable premium cards */
  .user-dashbord .main-table,.user-dashbord .table-responsive,.user-dashbord .table-responsiv,.user-dashbord .dataTables_wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important}
  .user-dashbord table{min-width:690px!important;font-size:12px!important}
  .user-dashbord table th{white-space:nowrap!important;color:#566276!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.04em!important}
  .user-dashbord table td{vertical-align:middle!important}
  .user-dashbord .dataTables_length,.user-dashbord .dataTables_filter{float:none!important;width:100%!important;text-align:left!important;margin:0 0 10px!important}
  .user-dashbord .dataTables_filter label,.user-dashbord .dataTables_length label{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;color:var(--uny-customer-muted)!important;font-size:12px!important}
  .user-dashbord .dataTables_filter input{flex:1!important;min-width:0!important;max-width:none!important;margin-left:0!important;border-radius:12px!important;border:1px solid #dde4ef!important;height:42px!important;padding:0 12px!important}
  .user-dashbord .dataTables_length select{border-radius:10px!important;border:1px solid #dde4ef!important;height:40px!important}
  .user-dashbord .dataTables_info,.user-dashbord .dataTables_paginate{float:none!important;text-align:center!important;margin-top:10px!important}

  .user-dashbord .account-info,.user-dashbord .user-profile-details,.user-dashbord .card{border-radius:18px!important;box-shadow:0 10px 28px rgba(29,48,78,.07)!important}
  .user-dashbord .account-info>.title,.user-dashbord .user-profile-details .title{padding:16px!important;border-radius:18px 18px 0 0!important}
  .user-dashbord .account-info>.title h4,.user-dashbord .user-profile-details .title h4{font-size:17px!important;line-height:1.25!important}
  .user-dashbord .account-info>.main-info,.user-dashbord .edit-info-area{padding:16px!important}
  .user-dashbord .form-group{margin-bottom:15px!important}
  .user-dashbord .file-upload-area{margin-bottom:20px!important}
  .user-dashbord .button,.user-dashbord .btn{min-height:43px!important;padding:10px 14px!important;font-size:13px!important}
}

@media (max-width:575.98px){
  .uny-customer-mobile-shell{padding:0 2px}
  .uny-customer-mobile-summary{border-radius:18px;padding:10px}
  .uny-customer-mobile-shortcuts{gap:5px}
  .uny-customer-mobile-shortcuts a{min-height:58px;border-radius:14px;font-size:9px}
  .uny-customer-sheet-grid{grid-template-columns:1fr 1fr;gap:7px}
  .uny-customer-sheet-grid a{min-height:72px;padding:10px}
  .user-dashbord>.container{padding-left:10px!important;padding-right:10px!important}
}

/* Site off-canvas customer profile submenu */
@media (max-width:1199.98px){
  .uny-mobile-menu__customer-area{margin:10px 18px 0;padding-top:10px;border-top:1px solid #edf0f4}
  .uny-mobile-menu__customer-area .uny-mobile-menu__item{margin:0}
  .uny-mobile-menu__customer-area .uny-mobile-menu__submenu{padding-bottom:4px}
  .uny-mobile-menu__customer-area .uny-mobile-menu__submenu a{display:flex;align-items:center;gap:11px}
  .uny-mobile-menu__customer-area .uny-mobile-menu__submenu a i{width:20px;text-align:center;color:#8e98a8}
  .uny-mobile-menu__customer-logout{display:flex!important;align-items:center!important;gap:12px!important;margin-top:7px!important;color:var(--uny-customer-danger)!important;border-radius:14px!important;background:#fff5f6!important}
  .uny-mobile-menu__customer-logout .uny-mobile-menu__icon{background:#ffe7e9!important;color:var(--uny-customer-danger)!important}
}