/* KARKOUR-NET SIMPLE — clean, light, low-complexity redesign */
:root{
 --s-bg:#f5f7fb;--s-surface:#fff;--s-surface2:#f9fafc;--s-line:#e5e9f0;
 --s-text:#172033;--s-muted:#6b7280;--s-primary:#2563eb;--s-primary2:#1d4ed8;
 --s-green:#16a34a;--s-red:#dc2626;--s-yellow:#d97706;--s-shadow:0 4px 18px rgba(23,32,51,.07);
}
html{background:var(--s-bg)!important}body{background:var(--s-bg)!important;color:var(--s-text)!important;font-family:Tajawal,Tahoma,Arial,sans-serif!important}
body:before{display:none!important}
/* shared surfaces */
.panel,.panel-card,.section,.notification-panel,.card,.modal,.auth-card,.settings-card,.table-card,
.menu-card,.notify-box,.v2-card,.payment-debt-item,.payment-summary>div,.debt-customer-name{background:var(--s-surface)!important;border:1px solid var(--s-line)!important;box-shadow:var(--s-shadow)!important;color:var(--s-text)!important;border-radius:12px!important}
input,select,textarea,.search,.filter{background:#fff!important;color:var(--s-text)!important;border:1px solid #d9dee8!important;box-shadow:none!important;border-radius:9px!important}
input:focus,select:focus,textarea:focus{border-color:#93b4ff!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important}
button,.btn,.iconbtn,.primary,.sm,.wa,.v2-action,.filter,.cancel{box-shadow:none!important;border-radius:9px!important;transform:none!important}
button:hover,.btn:hover,.sm:hover,.v2-action:hover{transform:none!important;filter:brightness(.98)}
/* sidebar */
.sidebar{background:#fff!important;border-left:1px solid var(--s-line)!important;box-shadow:0 0 22px rgba(23,32,51,.04)!important;width:235px!important;padding:16px 12px!important}
.brand{border-bottom:1px solid var(--s-line)!important;padding:8px 10px 16px!important}
.brand b{color:var(--s-text)!important;font-size:20px!important}.brand small{color:var(--s-muted)!important}
.profile{background:var(--s-surface2)!important;border:1px solid var(--s-line)!important;border-radius:10px!important;padding:12px!important}
.profile strong{color:var(--s-text)!important}.profile span{color:var(--s-muted)!important}
.nav button{color:#4b5563!important;font-size:14px!important;font-weight:700!important;padding:10px 12px!important}
.nav button:hover,.nav button.active{background:#eff4ff!important;color:var(--s-primary)!important}
.nav-group-title{color:#9ca3af!important;font-size:11px!important;padding:13px 12px 5px!important;border-top:1px solid var(--s-line)!important}
.nav .support{background:#ecfdf3!important;color:#15803d!important;border:1px solid #bbf7d0!important}
.main{margin-right:235px!important;width:calc(100% - 235px)!important;padding:0 24px 34px!important}
.topbar,.standalone-topbar{background:rgba(255,255,255,.96)!important;border:0!important;border-bottom:1px solid var(--s-line)!important;border-radius:0!important;box-shadow:none!important;min-height:66px!important;padding:10px 4px!important;backdrop-filter:blur(8px)!important}
.topbar h1{color:var(--s-text)!important;font-size:20px!important}.topbar small{color:var(--s-muted)!important}
.topbar .iconbtn,.topbar .primary,.topbar .account-pill,.topbar a{background:#fff!important;color:#374151!important;border:1px solid var(--s-line)!important;min-height:36px!important;padding:7px 11px!important}
.topbar .primary{background:var(--s-primary)!important;color:#fff!important;border-color:var(--s-primary)!important}
/* dashboard */
.dashboard{padding-top:18px!important}.cards{gap:12px!important}.card{min-height:105px!important;padding:16px!important;background:#fff!important}
.card:before{height:3px!important;background:#dbe5ff!important}.card.green:before{background:#bbf7d0!important}.card.yellow:before{background:#fde68a!important}.card.red:before{background:#fecaca!important}.card.cyan:before{background:#bae6fd!important}.card.purple:before{background:#ddd6fe!important}
.card .label{color:var(--s-muted)!important;font-size:12px!important}.card .value{color:var(--s-text)!important;font-size:27px!important}.card.green .value{color:var(--s-green)!important}.card.red .value{color:var(--s-red)!important}.card.yellow .value{color:var(--s-yellow)!important}
.section,.notification-panel{padding:15px!important;margin-top:14px!important}.section-head{margin-bottom:12px!important}.section-head h2{font-size:16px!important;color:var(--s-text)!important}
/* tables */
table{border:1px solid var(--s-line)!important;border-radius:10px!important;background:#fff!important}thead th{background:#f8fafc!important;color:#6b7280!important;border-color:var(--s-line)!important}td,th{border-color:var(--s-line)!important;color:var(--s-text)!important}tbody tr:hover{background:#f8faff!important}
.badge,.status,.pill{box-shadow:none!important}.owe{background:#fef2f2!important;color:#b91c1c!important}.paid{background:#ecfdf3!important;color:#15803d!important}
.sm{background:#f3f4f6!important;color:#374151!important;border:1px solid #e5e7eb!important}.sm.danger{background:#fef2f2!important;color:#b91c1c!important}.sm.renew{background:#fffbeb!important;color:#a16207!important}.wa{background:#16a34a!important;color:#fff!important}
/* forms */
label{color:#4b5563!important}.modal{padding:18px!important}.modal h2{color:var(--s-text)!important}.cancel{background:#f3f4f6!important;color:#374151!important;border:1px solid var(--s-line)!important}.btn-green{background:var(--s-green)!important;color:#fff!important;border:0!important}
/* menu */
.menu-wrap{max-width:980px!important;padding:28px 16px!important}.menu-card{padding:24px!important}.menu-title{font-size:24px!important;color:var(--s-text)!important}.menu-sub{color:var(--s-muted)!important}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:9px!important}.menu-grid a{background:#fff!important;border:1px solid var(--s-line)!important;color:var(--s-text)!important;padding:14px!important;border-radius:10px!important;box-shadow:none!important}.menu-grid a:hover{border-color:#b8c9ef!important;background:#f8faff!important;transform:none!important}
/* customer mobile cards */
.v2-card{padding:13px!important}.v2-name{color:var(--s-text)!important}.v2-meta,.v2-info span{color:var(--s-muted)!important}.v2-info{background:#f8fafc!important;border:1px solid var(--s-line)!important}.v2-action{background:#f3f4f6!important;color:#374151!important;border:1px solid var(--s-line)!important}.v2-action.green{background:#ecfdf3!important;color:#15803d!important;border-color:#bbf7d0!important}.v2-action.blue{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}.v2-action.red{background:#fef2f2!important;color:#b91c1c!important;border-color:#fecaca!important}.v2-action.yellow{background:#fffbeb!important;color:#a16207!important;border-color:#fde68a!important}
/* auth */
.auth-gate{background:rgba(245,247,251,.97)!important}.auth-card{padding:22px!important}.auth-card h2{color:var(--s-text)!important}.auth-card p{color:var(--s-muted)!important}.auth-card .auth-btn{background:var(--s-primary)!important}
/* automation / backup visual emphasis */
.notify-count{color:var(--s-primary)!important}.notify-help{color:var(--s-muted)!important}.switch input:checked+.slider{background:var(--s-primary)!important}
/* reduce decorative density */
.full-grid{gap:12px!important}.panel-card{padding:15px!important}.panel-card h3{font-size:16px!important}
@media(max-width:780px){
 .sidebar{width:270px!important}.main{margin-right:0!important;width:100%!important;padding:0 10px 26px!important}
 .topbar,.standalone-topbar{padding:9px 2px!important}.topbar h1{font-size:17px!important}
 .cards{grid-template-columns:1fr 1fr!important;gap:8px!important}.card{min-height:94px!important;padding:13px!important}.card .value{font-size:23px!important}
 .section,.notification-panel{padding:11px!important;border-radius:10px!important}.menu-wrap{padding:14px 10px!important}.menu-card{padding:16px!important}
 .menu-grid{grid-template-columns:1fr 1fr!important}.menu-grid a{padding:12px 10px!important;font-size:13px!important}
}
@media(max-width:430px){.cards{grid-template-columns:1fr 1fr!important}.menu-grid{grid-template-columns:1fr!important}.topbar .iconbtn,.topbar .primary,.topbar .account-pill,.topbar a{font-size:11px!important;padding:7px 8px!important}}