/* =====================================================
   TopLojas — Modern Design Override
   ===================================================== */

:root {
  --primary:       #2563eb;
  --primary-dark:  #1d4ed8;
  --primary-light: #eff6ff;
  --success:       #16a34a;
  --danger:        #dc2626;
  --warning:       #d97706;
  --nav-bg:        #0f172a;
  --nav-border:    #1e293b;
  --text:          #0f172a;
  --text-muted:    #64748b;
  --border:        #e2e8f0;
  --bg:            #f8fafc;
  --card-bg:       #ffffff;
  --radius:        10px;
  --shadow:        0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
  --shadow-md:     0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.04);
}

*,*:before,*:after{box-sizing:border-box}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#94a3b8}

body{background:var(--bg)!important;color:var(--text)!important;font-family:'Poppins',-apple-system,sans-serif!important;font-size:14px!important;line-height:1.6!important}

/* NAV */
.navigator{background:var(--nav-bg)!important;border-bottom:1px solid var(--nav-border)!important;padding:0!important}
.naver .navbar a{color:rgba(255,255,255,.65)!important;font-size:13px!important;font-weight:500!important;padding:14px 16px 13px!important;border-radius:6px!important;transition:all .15s!important;margin-right:2px!important}
.naver .navbar a:hover,.naver .navbar a:active,.naver .navbar a:focus,.naver .navbar .active a{background:rgba(255,255,255,.08)!important;color:#fff!important}
.naver .navbar a i{color:var(--primary)!important;font-size:11px!important}
.naver .navbar .active a{background:rgba(37,99,235,.25)!important;color:#fff!important}
.naver .navbar .active a i{color:#60a5fa!important}

/* TOP */
.top{background:#fff!important;border-bottom:1px solid var(--border)!important;padding:12px 0!important}
.top-painel .brand span,.brand span{color:var(--text)!important;font-size:20px!important;font-weight:700!important;letter-spacing:-0.5px!important}
.user-info i,.user-menu i,.user-badge i{color:var(--primary)!important}
.user-info span,.user-menu span{color:var(--text)!important}
.search-bar form{background:var(--bg)!important;border:1px solid var(--border)!important;border-radius:8px!important}
.search-bar button i{color:var(--primary)!important}

/* FOOTER */
.copyright{background:var(--nav-bg)!important}
.copyright span{color:rgba(255,255,255,.4)!important;font-size:12px!important}

/* SIDEBAR */
.sidr{background:#fff!important;border-right:1px solid var(--border)!important;box-shadow:var(--shadow-md)!important}
.sidebar .sidebar-header{border-bottom:1px solid var(--border)!important}
.sidebar .sidebar-header .close-sidebar{color:var(--primary)!important}
.user-badge .avatar span{background:var(--primary)!important}

/* LOGIN */
.login{background:var(--bg)!important}
.login-box.box-white{border-top:3px solid var(--primary)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-md)!important;padding:48px 52px!important}
.brand-login img{max-height:44px!important}

/* CARDS */
.box-white{background:var(--card-bg)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important}

/* BUTTONS */
.btn,button.btn,input[type=submit],input[type=button]{border-radius:8px!important;font-weight:600!important;font-size:13px!important;padding:10px 20px 9px!important;transition:all .15s!important;border:none!important;cursor:pointer!important}
.btn-default,.btn-primary{background:var(--primary)!important;color:#fff!important}
.btn-default:hover,.btn-default:focus,.btn-primary:hover,.btn-primary:focus{background:var(--primary-dark)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(37,99,235,.3)!important}
.btn-success{background:var(--success)!important;color:#fff!important}
.btn-danger{background:var(--danger)!important;color:#fff!important}
.btn-warning{background:var(--warning)!important;color:#fff!important}

/* FORMS */
.form-control,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],textarea,select{background:#fff!important;border:1px solid var(--border)!important;border-radius:8px!important;color:var(--text)!important;font-size:14px!important;padding:10px 14px!important;transition:border-color .15s,box-shadow .15s!important;font-family:'Poppins',sans-serif!important}
.form-control:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important;outline:none!important}
label{font-size:13px!important;font-weight:600!important;color:var(--text)!important;margin-bottom:6px!important}

/* TABLES */
.listing-table{border:1px solid var(--border)!important;border-radius:var(--radius)!important;background:var(--card-bg)!important;box-shadow:var(--shadow)!important;overflow:hidden!important}
.listing-table th{background:var(--bg)!important;color:var(--text-muted)!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.6px!important;border-bottom:1px solid var(--border)!important;padding:14px 20px!important}
.listing-table td{padding:12px 20px!important;border-bottom:1px solid var(--border)!important;color:var(--text)!important;font-size:13px!important}
.listing-table tr:last-child td{border-bottom:0!important}
.listing-table tr:nth-child(even){background:#fafbfc!important}
.listing-table tr:hover{background:var(--primary-light)!important}
.listing-table .rep-icon{color:var(--primary)!important}

/* TITLES */
.title-line{border-bottom:1px solid var(--border)!important;padding:16px 0 12px!important;margin-bottom:20px!important;font-size:18px!important;font-weight:700!important}
.title-line i,.title-icon i{color:var(--primary)!important;background:var(--primary-light)!important;border-radius:6px!important;padding:8px!important}
.title-icon{font-size:18px!important}

/* STAT CARDS */
.badge-home{background:var(--card-bg)!important;border:1px solid var(--border)!important;border-bottom:3px solid var(--primary)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;padding:20px!important;transition:transform .15s,box-shadow .15s!important}
.badge-home:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-md)!important}
.badge-home .number{color:var(--text)!important;font-size:32px!important;font-weight:700!important}
.badge-home .desc{color:var(--text-muted)!important;font-size:13px!important;font-weight:600!important}
.badge-home .number i{color:var(--primary)!important}
.badge-green{border-bottom-color:var(--primary)!important}
.badge-red{border-bottom-color:var(--danger)!important}

/* PANELS */
.panel-default>.panel-heading a{background:var(--nav-bg)!important;border-radius:8px 8px 0 0!important;font-size:15px!important}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border:1px solid var(--border)!important;border-radius:0 0 8px 8px!important}

/* ADD NEW */
.add-new a{background:var(--primary-light)!important;border:1px solid rgba(37,99,235,.15)!important;border-radius:8px!important}
.add-new a:hover{background:var(--primary)!important;color:#fff!important}
.add-new a:hover span,.add-new a:hover i{color:#fff!important}
.add-new i{color:var(--primary)!important}
.add-new span{color:var(--primary)!important}

/* PAGINATION */
.pagination>li>a,.pagination>li>span{color:var(--text)!important;border-radius:6px!important;font-size:13px!important;padding:8px 14px!important}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>li>a:hover{background:var(--primary)!important;color:#fff!important}
.pagination i{color:var(--primary)!important}

/* FORM ACTIONS */
.form-actions a{background:var(--primary-light)!important;color:var(--primary)!important;border-radius:6px!important;font-size:13px!important;padding:8px 14px!important}
.form-actions a:hover{background:var(--primary)!important;color:#fff!important}

/* MESSAGES */
.msg{border-radius:8px!important;border-left-width:4px!important;font-size:13px!important;padding:14px 16px!important}
.msg-error{background:#fef2f2!important;border-left-color:var(--danger)!important;color:var(--danger)!important}
.msg-done{background:#f0fdf4!important;border-left-color:var(--success)!important;color:var(--success)!important}

/* MODAL */
.modal-content{border-radius:12px!important;border:0!important;box-shadow:0 20px 40px rgba(0,0,0,.15)!important}
.modal-header{border-bottom:1px solid var(--border)!important;padding:18px 24px!important}
.modal-body{padding:24px!important}
.modal-footer{border-top:1px solid var(--border)!important;padding:16px 24px!important}
#modalalerta .modal-body .alerta-icone-erro{border-color:var(--danger)!important;color:var(--danger)!important}
#modalalerta .modal-body .alerta-icone-sucesso{border-color:var(--success)!important;color:var(--success)!important}

/* COLORS */
.colored{color:var(--primary)!important}
.panel-green i,.panel-green .number,.color-green{color:var(--success)!important}
.panel-red .number,.panel-red i,.color-red{color:var(--danger)!important}
.panel-yellow .number,.panel-yellow i,.color-yellow{color:var(--warning)!important}
.bg-green{background:var(--success)!important}
.bg-red{background:var(--danger)!important}
.bg-yellow{background:var(--warning)!important}

/* MISC */
.processing{background:rgba(15,23,42,.7)!important;backdrop-filter:blur(4px)!important}
.processing i{color:var(--primary)!important}
.middle{padding:32px 0!important}
.list-errors{background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:8px!important;padding:16px!important}
.forgetpass a,.forgetpass i{color:var(--primary)!important}
.nulled,.nulled-edit{color:var(--text-muted)!important}
.navbar-mobile .navbar a{color:var(--text)!important;border-top-color:var(--border)!important}
.navbar-nav>li>.dropdown-menu{border:1px solid var(--border)!important;border-radius:8px!important}
.navbar-nav>li>.dropdown-menu a{color:var(--text)!important;border-bottom-color:var(--border)!important}
.navbar-nav>li>.dropdown-menu a:hover{background:var(--primary-light)!important;color:var(--primary)!important}
.row-line{border-bottom-color:var(--border)!important}
.panel-filters .panel-heading i{color:#60a5fa!important;border-left-color:rgba(255,255,255,.1)!important}


/* MINITOP BAR - ocultar */
.minitop { display: none !important; }

/* LOGO login */
.brand-login img {
  max-height: 56px !important;
  margin: 0 auto 24px auto !important;
  display: block !important;
}

/* LOGO painel top */
.top-painel .brand img {
  width: 44px !important;
  height: 44px !important;
  border-radius: 8px !important;
}

/* LOGO nav */
.top .brand img {
  max-height: 40px !important;
  width: auto !important;
}