@font-face{font-family:"Noto Naskh Arabic Local";src:url("fonts/NotoNaskhArabic-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Naskh Arabic Local";src:url("fonts/NotoNaskhArabic-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Noto Naskh Arabic Local";src:url("fonts/NotoNaskhArabic-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
/* ZAER — Visits UI */
:root{
  --primary:#174b6d;--primary-2:#123a55;--gold:#ba8a66;--text:#263746;--muted:#728391;
  --bg:#f2f5f6;--surface:#fff;--line:#dfe7ea;--soft:#edf3f5;
  --danger:#b42318;--success:#176b39;--shadow:0 8px 28px rgba(16,35,56,.07)
}
*{box-sizing:border-box}
html{font-family:"Noto Naskh Arabic Local",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--text);scroll-behavior:smooth}
html[lang="en"]{font-family:Inter,"Segoe UI",Arial,sans-serif}
body{margin:0;background:var(--bg);min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.shell{min-height:100vh}

/* Header */
.topbar{
  height:72px;background:var(--surface);border-bottom:1px solid var(--line);
  display:flex;align-items:center;padding:0 22px;position:fixed;inset:0 0 auto 0;
  z-index:100;box-shadow:0 2px 14px rgba(16,35,56,.04)
}
.iconbtn{
  width:42px;height:42px;border:1px solid var(--line);background:var(--surface);
  color:var(--text);border-radius:11px;font-size:21px;display:grid;place-items:center;margin-left:13px
}
.iconbtn:hover{background:var(--soft);border-color:#cbd8e5}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;line-height:1}
.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:10px;background:#fff}
.brand b{display:block}
.brand small{display:block;font-size:10px;letter-spacing:2px;opacity:.55;margin-top:5px;direction:ltr}
.brandmark{
  width:42px;height:42px;border-radius:12px;background:var(--primary);color:#fff;
  display:grid;place-items:center;font-weight:800;font-size:22px;box-shadow:0 6px 15px rgba(23,105,170,.22)
}
.top-actions{margin-right:auto;display:flex;align-items:center;gap:10px}
.language-switch{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:800;color:var(--primary)}
.language-switch:hover{background:var(--soft)}
.bell{position:relative;font-size:21px;padding:8px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;list-style:none;cursor:pointer;color:#254d6c;background:var(--surface)}
.bell::-webkit-details-marker,.notification-popover summary::-webkit-details-marker{display:none}
.bell:hover{background:var(--soft)}
.bell i{position:absolute;top:-7px;right:-7px;background:#d95252;color:#fff;border:2px solid var(--surface);border-radius:99px;font-size:9px;line-height:16px;min-width:20px;text-align:center;font-style:normal}
.notification-popover{position:relative}.notification-menu{position:absolute;top:47px;left:0;width:min(355px,calc(100vw - 24px));background:var(--surface);border:1px solid var(--line);box-shadow:0 18px 48px rgba(16,40,65,.18);border-radius:14px;padding:8px;z-index:160}.popover-head{display:flex;align-items:center;justify-content:space-between;padding:9px 10px 11px}.popover-head b{font-size:14px}.popover-head a{font-size:11px;color:var(--primary);font-weight:800}.header-notice{display:block;padding:10px;border-radius:10px;border-top:1px solid #eff3f6}.header-notice:first-of-type{border-top:0}.header-notice:hover{background:var(--soft)}.header-notice strong,.header-notice small,.header-notice time{display:block}.header-notice strong{font-size:12px;margin-bottom:4px}.header-notice small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-notice time{color:#9aacba;font-size:9px;margin-top:5px}.header-notice:not(.read){border-right:3px solid var(--primary);background:#f7fbfe}.empty-popover{margin:8px;padding:18px 8px;color:var(--muted);font-size:12px;text-align:center}
.profile{position:relative}
.profile summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:10px}
.profile summary:hover{background:var(--soft)}
.avatar{width:36px;height:36px;border-radius:50%;background:#2d6e98;color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 3px 8px rgba(20,83,120,.2)}.avatar-image{object-fit:cover;display:block}.profile-name{font-size:12px;font-weight:800;color:#244b69}.profile-caret{font-size:11px;color:#7e96a8}
.menu{
  position:absolute;left:0;top:48px;background:var(--surface);border:1px solid var(--line);
  box-shadow:0 14px 35px rgba(0,0,0,.10);border-radius:13px;min-width:190px;padding:7px;z-index:120
}
.menu a{display:block;padding:11px 12px;border-radius:9px}
.menu a:hover{background:var(--soft);color:var(--primary)}

/* Sidebar */
.sidebar{
  position:fixed;right:0;top:72px;bottom:0;width:258px;background:var(--surface);
  border-left:1px solid var(--line);padding:18px 13px;z-index:210;overflow-y:auto;
  transform:translateX(110%);transition:transform .24s cubic-bezier(.2,.8,.2,1);box-shadow:-14px 0 35px rgba(15,40,62,.12)
}
.sidebar.open{transform:translateX(0);box-shadow:-18px 0 42px rgba(15,40,62,.18)}
.sidebar nav a{
  display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:11px;
  margin:4px 0;color:#4b5b70;transition:.15s;font-size:14px
}
.sidebar nav a:hover{background:var(--soft);color:var(--primary);transform:translateX(-2px)}
.sidebar nav a.active{background:#eaf3fb;color:var(--primary);font-weight:800;border-right:3px solid var(--primary)}
.sidebar-overlay{display:block;position:fixed;inset:72px 0 0 0;background:rgba(7,18,28,.34);backdrop-filter:blur(1.5px);z-index:200;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.sidebar-overlay.open{opacity:1;visibility:visible;pointer-events:auto}

/* Main */
.content{
  width:100%;max-width:1700px;margin:0 auto;
  padding:100px 28px 40px;min-height:100vh
}
.pagehead{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}
.pagehead h1{margin:0 0 7px;font-size:29px;letter-spacing:-.4px}
.pagehead p,.muted{color:var(--muted);margin:0}
.btn{
  border:1px solid #d4dee8;background:var(--surface);color:var(--text);padding:10px 15px;
  border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  transition:.15s;white-space:nowrap
}
.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,35,56,.08)}
.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.btn.primary:hover{background:var(--primary-2);border-color:var(--primary-2)}
.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}
.btn.small{padding:7px 10px;font-size:12px}
.btn.wide{width:100%}
.inline{display:inline}

/* Cards / dashboard */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.stat,.card{
  background:var(--surface);border:1px solid var(--line);border-radius:15px;
  padding:18px;box-shadow:var(--shadow)
}
.stat{position:relative;overflow:hidden}
.stat:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--primary)}
.stat span{display:block;color:var(--muted);font-size:13px}
.stat b{display:block;font-size:31px;margin-top:9px}
.stat small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.stat.teal:before{background:#0f9d8a}.stat.gold:before{background:#e3a735}
.eyebrow.dark,.section-kicker{color:var(--primary);opacity:1;letter-spacing:1.2px;font-size:10px;font-weight:800}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:18px}.chart-card h2,.insight-card h2{margin:5px 0 0;font-size:18px}.type-bars{display:grid;gap:15px;margin-top:20px}.type-bar{display:grid;grid-template-columns:150px 1fr 40px;gap:10px;align-items:center;font-size:12px}.type-bar div{display:flex;justify-content:space-between;gap:8px}.type-bar i{display:block;height:8px;border-radius:99px;background:#eaf0f5;overflow:hidden}.type-bar em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#3d9ed0)}.type-bar small{color:var(--muted);text-align:left}.insight-card{background:linear-gradient(145deg,#123f65,#1769aa);color:#fff;border-color:#1769aa}.insight-card .section-kicker{color:#b9dcf0}.insight-card p{line-height:1.9;color:#dcecf6;font-size:13px}.insight-card .btn{background:#fff;color:#145987;border-color:#fff;margin-top:9px}.empty-state{color:var(--muted);padding:18px 0;margin:0}
.card{margin-bottom:18px}
.report-company{display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--primary);padding-bottom:14px;margin-bottom:14px}.report-company img{width:148px;height:58px;object-fit:contain}.report-company h2{margin:0}.report-company p{margin:6px 0 0;color:var(--muted);font-size:12px}.report-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:15px;padding-top:9px;color:var(--muted);font-size:11px}
.cardhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.cardhead h2{margin:0;font-size:18px}
.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:11px}
table{width:100%;border-collapse:collapse;min-width:720px}
th,td{text-align:right;padding:12px 10px;border-bottom:1px solid #edf0f4;vertical-align:middle}
th{font-size:12px;color:#637083;background:#f8fafc;font-weight:800}
tbody tr:hover{background:#fbfdff}
tbody tr:last-child td{border-bottom:0}
.actions{white-space:nowrap}

/* Forms */
.filters form{display:grid;grid-template-columns:minmax(180px,2fr) minmax(130px,1fr) minmax(140px,1fr) minmax(140px,1fr) auto auto;gap:9px;align-items:end}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
label{display:block;font-weight:800;font-size:13px}
input,select,textarea{
  display:block;width:100%;margin-top:7px;border:1px solid #d4dee8;border-radius:10px;
  padding:11px 12px;background:var(--surface);color:var(--text);outline:none
}
input:focus,select:focus,textarea:focus{border-color:#74a9d1;box-shadow:0 0 0 3px rgba(23,105,170,.10)}
textarea{resize:vertical}
.form-actions{display:flex;gap:9px;margin-top:18px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.check{font-weight:normal;border:1px solid #e2e7ee;padding:10px;border-radius:9px}
.check input{display:inline;width:auto}
.check small{color:#7a8595}
.inset{background:#fafbfd}
.gpsbox{border:1px dashed #b9c4d1;border-radius:12px;padding:20px;margin-top:7px;text-align:center}
.gpsbox button{margin-top:12px}
.detailgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.detail{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:16px}
.detail span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}
.detail.wide{grid-column:1/-1}

/* Alerts */
.alert{padding:12px 15px;border-radius:10px;margin-bottom:15px}
.alert.ok{background:#eaf7ef;color:var(--success)}
.alert.err{background:#fff0ef;color:#a5231a}

/* Reports */
.report-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e7ebf0;padding-bottom:15px}
.report-actions{display:flex;gap:8px;flex-wrap:wrap}
.report-summary{display:flex;gap:30px;padding:15px 0}

/* Attendance */
.camera{max-width:620px;margin:auto;text-align:center}
.camera video{width:100%;aspect-ratio:4/3;background:#101820;border-radius:14px;object-fit:cover}
.attendance-card{text-align:center}
.attendance-location{display:flex;align-items:center;gap:10px;margin:14px 0}.attendance-location small{color:var(--muted)}
.attendance-rule{padding:9px 13px;border-radius:99px;background:#eaf3fb;color:var(--primary);font-size:12px;font-weight:800}
.no-print{display:block}

/* Login */
.login-page{
  min-height:100vh;background:radial-gradient(circle at 50% 35%,#fff 0%,#f7f7f4 34%,#e8f0f1 100%);
  display:block
}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:30px}
.login-visual{
  background:linear-gradient(145deg,#0d4f82,#1769aa 55%,#2580bb);
  color:#fff;position:relative;overflow:hidden
}
.login-visual:before,.login-visual:after{
  content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%
}
.login-visual:before{width:500px;height:500px;left:-180px;bottom:-210px}
.login-visual:after{width:330px;height:330px;right:-150px;top:-120px}
.login-visual-inner{min-height:100vh;padding:48px 7vw;display:flex;flex-direction:column;position:relative;z-index:1}
.login-brand{color:#fff}
.login-brand .brandmark{background:#fff;color:var(--primary);box-shadow:none}
.company-logo{width:152px;height:52px;display:block}.login-visual .company-logo{filter:brightness(0) invert(1)}
.login-hero{max-width:650px;margin:auto 0}
.eyebrow{display:inline-block;font-size:11px;letter-spacing:2.5px;opacity:.75;margin-bottom:15px;direction:ltr}
.login-hero h1{font-size:42px;line-height:1.35;margin:0 0 18px}
.login-hero p{font-size:17px;line-height:2;opacity:.88;max-width:590px}
.login-points{margin-top:28px;display:grid;gap:13px;font-size:14px}
.login-points div{display:flex;align-items:center;gap:10px}
.login-points span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.15)}
.login-footer{font-size:12px;opacity:.65}
.login-form-side{display:grid;place-items:center;width:100%}
.login-card{width:min(430px,100%);background:rgba(255,255,255,.96);border:1px solid #e3e8e8;border-radius:18px;padding:29px 30px 25px;box-shadow:0 18px 44px rgba(33,53,66,.16)}
.login-mobile-brand{display:flex;justify-content:center;margin:0 0 17px}.login-mobile-brand .company-logo{width:150px;height:auto;max-height:132px;object-fit:contain}
.login-heading{display:block;text-align:center;margin-bottom:25px}
.login-heading h2{margin:0 0 6px;font-size:25px}
.login-heading p{margin:0;color:var(--muted);font-size:13px}
.login-icon{display:none}
.login-form label{margin-bottom:17px}
.field-icon{position:relative}
.field-icon>span{position:absolute;right:12px;top:17px;color:#8190a0;z-index:1}
.field-icon input{padding-right:40px;padding-left:46px;margin-top:8px;height:48px}
.password-toggle{
  position:absolute;left:6px;top:6px;width:36px;height:36px;border:0;background:transparent;
  color:#718096;border-radius:8px
}
.password-toggle:hover{background:#eef4f8;color:var(--primary)}
.login-submit{height:46px;font-weight:800;margin-top:3px;border-radius:8px;background:#174b6d!important;border-color:#174b6d!important}
.login-submit b{font-size:18px}
.login-security{margin-top:22px;padding-top:17px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;display:flex;justify-content:center;gap:7px}
.login-alert{font-size:13px}

/* Error pages */
.error-page{max-width:700px;margin:10vh auto;text-align:center;background:var(--surface);padding:35px;border-radius:18px}
.error-page h1{font-size:60px;margin:0}
.narrow{max-width:560px}
.notice{display:flex;justify-content:space-between;gap:15px;padding:16px;border-bottom:1px solid #edf0f4}
.notice.read{opacity:.7}
.manage-nav{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 18px}.manage-nav a{padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:12px;font-weight:800}.manage-nav a:hover{color:var(--primary);border-color:#abd0e9}.editor,.compact-form{margin-bottom:18px;padding:15px;background:#f8fbfd;border:1px dashed #cbd9e5;border-radius:12px}.badge{display:inline-block;padding:4px 8px;border-radius:99px;background:var(--soft);color:var(--primary);font-size:11px;font-weight:800}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.permission-grid .form-actions{grid-column:1/-1}.role-picker{max-width:280px}
.account-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:18px}.identity-header{display:flex;align-items:center;gap:15px;padding-bottom:19px;margin-bottom:19px;border-bottom:1px solid var(--line)}.profile-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block;background:#2d6e98;color:#fff;box-shadow:0 8px 18px rgba(20,83,120,.2)}.profile-initial{display:grid;place-items:center;font-size:30px;font-weight:800}.identity-header h2,.password-card h2{font-size:20px;margin:6px 0}.identity-header p,.password-card>p{margin:0;color:var(--muted);font-size:12px}.account-form{margin-top:4px}.account-form label small{display:block;color:var(--muted);font-weight:400;font-size:10px;margin-top:3px}.approval-note{margin-top:16px;padding:12px 14px;background:#f3f8fc;border-right:3px solid var(--primary);border-radius:8px;color:#597084;font-size:12px;line-height:1.8}.password-card form{display:grid;gap:13px;margin-top:20px}.password-card .form-actions{margin-top:3px}
.visit-type-switch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.visit-type-switch>*{border:1px solid var(--line);background:var(--surface);color:var(--primary);padding:10px 14px;border-radius:10px;font:inherit;font-size:12px;font-weight:800}.visit-type-switch>.active,.visit-type-switch button.active{background:var(--primary);border-color:var(--primary);color:#fff}.visit-type-switch.compact{margin:0}.visit-form-card{max-width:1060px}.wide-field{grid-column:1/-1}.product-section{margin:18px 0;padding:17px;border:1px solid var(--line);background:#fafcfd;border-radius:13px}.product-section h3{margin:4px 0 0;font-size:15px}.product-section .cardhead>span:last-child{color:var(--primary);font-weight:800;font-size:13px}.entity-search{background:#fff}.check:has(input:disabled){opacity:.45}.check:has(input:checked){border-color:#9bbdcc;background:#f1f8fb}

.dashboard-head{margin-bottom:15px}.head-actions{display:flex;gap:9px;flex-wrap:wrap}.dashboard-filter{padding:10px 14px}.range-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.range-tabs a,.range-tabs button{border:0;background:transparent;color:var(--muted);padding:9px 14px;border-radius:9px;font:inherit;font-size:12px;font-weight:800}.range-tabs a.active,.range-tabs button.active{background:#123f65;color:#fff}.range-tabs button:hover,.range-tabs a:hover{background:var(--soft);color:var(--primary)}.custom-range{display:flex;align-items:end;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.custom-range label{font-size:11px;min-width:155px}.custom-range input{margin-top:5px;padding:8px}.performance-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-navy:before{background:#143f62}.stat-purple:before{background:#7a5daf}.stat-product{font-size:18px!important;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-grid{grid-template-columns:minmax(0,2fr) minmax(270px,.85fr)}.metric-note{font-size:11px;color:var(--muted);font-weight:700}.line-chart{padding:7px 0 0}.line-chart svg{display:block;width:100%;height:210px}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:0 5px}.result-card{display:flex;flex-direction:column}.result-donut{width:160px;height:160px;border-radius:50%;margin:14px auto 17px;display:grid;place-content:center;text-align:center;background:conic-gradient(#159b86 0 var(--success),#e6af3e var(--success) calc(var(--success) + var(--follow)),#d8e2eb calc(var(--success) + var(--follow)) 100%);position:relative}.result-donut:before{content:"";position:absolute;inset:18px;background:var(--surface);border-radius:50%}.result-donut b,.result-donut small{position:relative;z-index:1}.result-donut b{font-size:28px}.result-donut small{color:var(--muted);font-size:11px}.result-legend{display:grid;gap:10px;margin-top:auto}.result-legend span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.result-legend b{margin-right:auto;color:var(--text)}.result-legend i{width:9px;height:9px;border-radius:99px;background:#d8e2eb}.result-legend i.success{background:#159b86}.result-legend i.follow{background:#e6af3e}.rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rank-card{min-height:260px}.rank-icon{width:34px;height:34px;background:var(--soft);color:var(--primary);border-radius:10px;display:grid;place-items:center;font-size:18px}.rank-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f4;font-size:12px}.rank-row:last-child{border-bottom:0}.rank-row>b{width:24px;height:24px;background:#eff5f9;color:var(--primary);border-radius:7px;display:grid;place-items:center;font-size:11px}.rank-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row strong{font-size:11px;color:var(--muted);white-space:nowrap}.print-only{display:none}

/* Reference dashboard palette: deep blue, silver-gray and muted gold. */
.result-donut{background:conic-gradient(#174b6d 0 var(--success),var(--gold) var(--success) calc(var(--success) + var(--follow)),#cfd9de calc(var(--success) + var(--follow)) 100%)}
.result-legend i.success{background:#174b6d}.result-legend i.follow{background:var(--gold)}.result-legend i{background:#cfd9de}.rank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat.teal:before{background:#7d8e99}.stat.gold:before{background:var(--gold)}.stat-purple:before{background:#5c7181}.line-chart svg polyline{stroke:#174b6d}.type-bar em{background:linear-gradient(90deg,#174b6d,#708996)}

/* Dark */
@media(prefers-color-scheme:dark){
  :root{--text:#e8edf3;--muted:#9aa8b8;--bg:#0f1419;--surface:#171d24;--line:#29333f;--soft:#202d39}
  .topbar,.sidebar,.card,.stat,.detail,.login-card{border-color:#29333f}
  th{background:#1c242d;color:#aeb9c7}
  td,th{border-color:#29333f}
  tbody tr:hover{background:#1b242d}
  input,select,textarea{border-color:#34404e}
  .btn{border-color:#34404e}
  .check{border-color:#34404e}
  .login-page{background:#0f1419}
  .login-mobile-brand .brandmark{background:#fff;color:#1769aa}
  .login-icon{background:#1d3447}
  .login-security{border-color:#29333f}
}

/* Tablet / mobile */
@media(max-width:1100px){
  .sidebar{box-shadow:-12px 0 30px rgba(0,0,0,.12)}
  
  .content{padding:98px 22px 35px}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .filters form{grid-template-columns:1fr 1fr}
  .dashboard-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}
  .login-visual{display:none}
  .login-form-side{min-height:100vh;padding:25px 18px}
  .login-mobile-brand{display:block;margin-bottom:25px}
}
@media(max-width:700px){
  .topbar{height:64px;padding:0 10px}
  .sidebar{top:64px}
  .sidebar-overlay{inset:64px 0 0 0}
  .content{padding:84px 10px 25px}
  .pagehead{align-items:flex-start;flex-direction:column}
  .pagehead h1{font-size:24px}
  .stats{grid-template-columns:1fr}
  .filters form{grid-template-columns:1fr}
  .grid2,.detailgrid{grid-template-columns:1fr}
  .account-grid{grid-template-columns:1fr}
  .product-grid{grid-template-columns:1fr}
  .permission-grid{grid-template-columns:1fr}
  .card{padding:13px;border-radius:12px}
  table{min-width:680px}
  .brandmark{width:38px;height:38px}
  .hide-sm{display:none}
  .login-card{padding:25px 19px;border-radius:18px}
}
@media(max-width:420px){
  .login-form-side{padding:12px}
  .login-card{padding:22px 16px}
  .login-heading h2{font-size:22px}
}

@media(max-width:1100px){.performance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-grid{grid-template-columns:1fr}}
@media(max-width:700px){.performance-stats{grid-template-columns:1fr}.custom-range{align-items:stretch;flex-direction:column}.custom-range label{min-width:0}.head-actions{width:100%}.head-actions .btn{flex:1}.line-chart svg{height:160px}}

/* Print */
@page{size:A4 landscape;margin:11mm 8mm 14mm}
@media print{
  .topbar,.sidebar,.sidebar-overlay,.no-print,.btn,.bell,.profile,.form-actions{display:none!important}
  .content{padding:0;max-width:none}
  .card{box-shadow:none;border:0}
  .report{margin:0}
  body{background:#fff}
  .report-head{display:flex}
  .print-only{display:flex;gap:18px;align-items:center;border-bottom:2px solid #1769aa;padding:0 0 15px;margin-bottom:20px}.report-print-header img{width:152px;height:52px}.report-print-header h1{margin:0;font-size:20px}.report-print-header p{margin:5px 0 0;color:#52677a;font-size:11px}.dashboard-filter,.dashboard-head .head-actions{display:none!important}.performance-stats{grid-template-columns:repeat(4,1fr)}.analytics-grid{grid-template-columns:2fr 1fr}.rank-grid{grid-template-columns:repeat(3,1fr)}.stat,.card{break-inside:avoid}
  .report-company{display:flex;align-items:center;gap:16px;border-bottom:2px solid #1769aa;padding:0 0 11px;margin-bottom:11px}.report-company img{width:135px;height:52px;object-fit:contain}.report-company h2{margin:0;font-size:18px}.report-company p{margin:5px 0 0;font-size:10px;color:#52677a}.report-footer{display:flex;justify-content:space-between;border-top:1px solid #cbd8e5;margin-top:10px;padding-top:6px;font-size:9px;color:#52677a}.page-counter .page:after{content:counter(page)}.tablewrap{overflow:visible;border:0}.report table{min-width:0;width:100%;font-size:7px;table-layout:auto}.report th,.report td{padding:4px 3px;white-space:normal;word-break:break-word}.report th{font-size:7px}
}

.manage-nav button{padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--muted);font:inherit;font-size:13px;font-weight:700}.manage-nav button:hover,.manage-nav button.active{background:var(--primary);border-color:var(--primary);color:#fff}.manage-nav{padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.manage-nav+section{margin-top:18px}@media(max-width:700px){.brand{gap:6px}.brand-logo{width:38px;height:38px}.brand small{display:none}.brand b{font-size:16px}.top-actions{gap:4px}.iconbtn{margin-left:6px;width:38px;height:38px}.manage-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.manage-nav button{width:100%;padding:9px 6px;font-size:12px}.visit-type-switch>*{flex:1;padding:10px 7px}.report-footer{flex-direction:column}.tablewrap{-webkit-overflow-scrolling:touch}.rank-grid{grid-template-columns:1fr}}

.brand-logo{display:block!important;width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;object-fit:contain!important}.report-company{display:none!important}@media print{.report-company.print-only{display:flex!important}}

/* زيارة يومية: أحجام واضحة وتحقق بصري */
html{font-size:18px}
body{font-size:1rem}
.sidebar nav a{font-size:1rem}
.btn{font-size:.95rem}
label{font-size:1rem}
input,select,textarea{font-size:1rem;padding:12px 14px}
th,td{font-size:.92rem}
.visit-form-card{max-width:980px}
.visit-path{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}
.visit-path[hidden]{display:none!important}
.section-title{display:flex;flex-direction:column;gap:3px;margin-bottom:15px;color:var(--primary)}
.section-title b{font-size:1.08rem}
.section-title small{font-size:.85rem;color:var(--muted)}
.visit-meta{padding-bottom:18px;border-bottom:1px solid var(--line)}
.field-invalid,input:invalid,select:invalid,textarea:invalid{border-color:#c83a32!important;box-shadow:0 0 0 3px rgba(200,58,50,.13)!important;background:#fff8f7}
input:disabled{background:#eef2f4;color:#8694a0;cursor:not-allowed}
@media(max-width:700px){html{font-size:17px}.visit-path{padding:14px}.visit-type-switch{display:grid;grid-template-columns:1fr 1fr}.visit-type-switch .btn{grid-column:1/-1}.visit-type-switch>*{min-width:0}.section-title small{line-height:1.6}.visit-form-card{padding:14px}}
@media(min-width:1101px){.rank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.field-invalid{border-color:#c83a32!important;box-shadow:0 0 0 3px rgba(200,58,50,.13)!important}

.manager-alert{position:fixed;inset:0;background:rgba(10,31,47,.5);z-index:90;display:grid;place-items:center;padding:18px}.manager-alert-box{position:relative;width:min(500px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 18px 60px #0018}.manager-alert-box .iconbtn{position:absolute;left:12px;top:12px}.manager-alert-box p{padding:10px 12px;background:#f4f8fb;border-radius:9px}.brand-logo{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;object-fit:contain!important}.topbar .brand{overflow:hidden}.topbar .brand span{min-width:0}@media(max-width:700px){.topbar{padding:0 10px}.content{padding:16px}.grid2,.dashboard-grid,.rank-grid{grid-template-columns:1fr!important}.tablewrap{overflow:auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.brand small{display:none}}@media(max-width:430px){.stats{grid-template-columns:1fr}.hide-sm{display:none}.visit-type-switch{display:grid;grid-template-columns:1fr}.visit-type-switch>*{width:100%}}
.audit-detail{margin-top:8px;max-width:380px;white-space:normal;padding:10px;border-radius:8px;background:#f3f7fa;font-size:.85rem}

/* UX improvements */
.manage-nav{display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:0;z-index:5;background:var(--bg,#f5f8fa);padding:8px 0}.manage-nav button.active{font-weight:700;box-shadow:0 0 0 2px rgba(23,105,170,.12)}
.manager-alert-link{display:block;padding:10px 12px;margin:6px 0;border-radius:10px;background:#f7fbff;text-decoration:none}.manager-alert-link:hover{background:#eef7ff}
.chart-point{cursor:pointer}.chart-tooltip{position:absolute;z-index:10;pointer-events:none;background:#12212d;color:#fff;padding:7px 10px;border-radius:8px;font-size:12px;line-height:1.5;box-shadow:0 5px 18px rgba(0,0,0,.18)}.line-chart{position:relative}.result-donut{position:relative;cursor:help}.donut-tooltip{position:absolute;z-index:10;right:50%;transform:translateX(50%);bottom:calc(100% + 8px);white-space:nowrap;background:#12212d;color:#fff;padding:7px 10px;border-radius:8px;font-size:12px;box-shadow:0 5px 18px rgba(0,0,0,.18)}
#teams select[multiple]{min-height:150px}#permissions hr{border:0;border-top:1px solid #e8eef2;margin:22px 0}
@media(max-width:900px){.dashboard-grid.analytics-grid{grid-template-columns:1fr}.manage-nav{position:static}.dashboard-grid .line-chart-card{min-width:0}}

/* قوائم الاختيار المتعدد المنسدلة */
.multi-select{position:relative;width:100%}.multi-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:right;background:var(--surface,#fff);border:1px solid var(--line,#d7e0e7);border-radius:10px;padding:12px 14px;color:var(--text,#1e2a35);cursor:pointer}.multi-select-trigger b{font-size:16px}.multi-select-menu{position:absolute;z-index:40;top:calc(100% + 6px);right:0;left:0;max-height:310px;overflow:auto;background:#fff;border:1px solid var(--line,#d7e0e7);border-radius:12px;box-shadow:0 16px 40px rgba(20,45,65,.16);padding:7px}.multi-option{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;cursor:pointer;font-size:13px}.multi-option:hover{background:#f3f7fa}.multi-option input{width:17px;height:17px;flex:0 0 auto}.multi-option.select-all{border-bottom:1px solid #e6edf2;margin-bottom:5px;font-weight:800}.multi-options{display:grid;gap:2px}.multi-select.is-open{z-index:50}.multi-select-menu[hidden]{display:none}
.modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(10,25,38,.48);display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal-card{width:min(680px,100%);max-height:min(82vh,720px);overflow:auto;background:var(--surface,#fff);border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.28);padding:20px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8eef2;padding-bottom:12px;margin-bottom:16px}.modal-head h2{margin:0;font-size:20px}.audit-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.audit-modal-grid>div,.audit-extra{padding:12px;background:#f7fafc;border:1px solid #e4ebf0;border-radius:10px}.audit-modal-grid small,.audit-extra small{display:block;color:var(--muted,#6a7884);margin-bottom:5px}.audit-modal-grid strong{display:block;word-break:break-word}.audit-extra{margin-top:12px}.audit-extra pre{margin:0;white-space:pre-wrap;word-break:break-word;font:inherit;line-height:1.7}@media(max-width:650px){.audit-modal-grid{grid-template-columns:1fr}.multi-select-menu{max-height:260px}}

.danger-badge{background:#fff0f0!important;color:#b42318!important;border:1px solid #f0b5b5}.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}


/* تحسينات إدارة النظام والتقارير */
.manage-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-inline-start:auto}.table-search{position:relative;min-width:210px}.table-search span{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.table-search input{width:100%;padding:9px 32px 9px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:13px}.export-count{font-size:11px;color:var(--muted);font-weight:700;white-space:nowrap}.manage-tools .btn{white-space:nowrap}.stat{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stat:hover,.stat:focus,.stat.is-highlighted{transform:translateY(-3px);box-shadow:0 12px 28px rgba(25,65,90,.11);outline:none}.stat b{transition:color .18s ease}.dashboard-filter{box-shadow:0 5px 18px rgba(25,65,90,.04)}.line-chart-card,.result-card,.rank-card{transition:transform .18s ease,box-shadow .18s ease}.line-chart-card:hover,.result-card:hover,.rank-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(25,65,90,.08)}
@media(max-width:900px){.manage-tools{width:100%;margin-inline-start:0}.table-search{flex:1;min-width:170px}.manage-tools .btn{flex:0 0 auto}}
@media(max-width:520px){.manage-tools{display:grid;grid-template-columns:1fr 1fr}.table-search{grid-column:1/-1;width:100%}.export-count{grid-column:1/-1}.manage-tools .btn{width:100%}}

/* إحصائيات إدارة النظام */
.system-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.system-stat{position:relative;display:flex;align-items:center;gap:12px;min-height:92px;padding:15px;border:1px solid var(--line,#dce5eb);border-radius:16px;background:linear-gradient(145deg,#fff,#f7fafc);box-shadow:0 7px 24px rgba(25,65,90,.06);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.system-stat:before{content:"";position:absolute;inset:auto -22px -30px auto;width:90px;height:90px;border-radius:50%;background:rgba(23,105,170,.06)}
.system-stat:hover{transform:translateY(-3px);box-shadow:0 13px 32px rgba(25,65,90,.11);border-color:#bfd3df}
.system-stat-icon{position:relative;display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:#eaf4fb;color:#1769aa;font-size:22px;font-weight:900}
.system-stat:nth-child(2) .system-stat-icon{background:#e9f8f3;color:#16866b}.system-stat:nth-child(3) .system-stat-icon{background:#fff5e6;color:#b97712}.system-stat:nth-child(4) .system-stat-icon{background:#f1ecff;color:#7052ad}.system-stat:nth-child(5) .system-stat-icon{background:#eaf0ff;color:#4c63b6}.system-stat:nth-child(6) .system-stat-icon{background:#fcebf2;color:#a83e69}
.system-stat div{position:relative;min-width:0}.system-stat small,.system-stat em{display:block;color:var(--muted,#71808d);font-style:normal}.system-stat small{font-size:12px;font-weight:700}.system-stat strong{display:block;margin:2px 0;font-size:25px;line-height:1.1;letter-spacing:.2px}.system-stat em{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* مراجعة الزيارات */
.actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.review-btn{border-color:#d9b26c!important;color:#96630d!important;background:#fffaf0!important}.review-composer{border:1px solid #cfe1ec;background:linear-gradient(145deg,#fff,#f8fcfe)}.review-lock{font-size:11px;font-weight:800;color:#1769aa;background:#eaf4fb;border-radius:999px;padding:6px 10px}.visit-review-history{margin-top:16px}.review-note{padding:13px 15px;border:1px solid #e2eaf0;border-radius:12px;background:#fbfdfe;margin-top:10px}.review-note>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.review-note small{color:var(--muted,#71808d)}.review-note p{margin:8px 0 0;line-height:1.8}.notice-link{display:block;color:inherit;text-decoration:none;flex:1}.notice-link:hover{background:#f5f9fc}.notice{position:relative}.notice-dot{width:9px;height:9px;border-radius:50%;background:#1769aa;align-self:flex-start;margin-top:7px;box-shadow:0 0 0 4px rgba(23,105,170,.10)}

/* الرسوم والأيقونات في الرئيسية */
.rank-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf5fa;color:#1769aa}.rank-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rank-card:hover .rank-icon{transform:scale(1.06);box-shadow:0 6px 14px rgba(23,105,170,.12)}
.line-chart{padding:10px 4px 0}.line-chart svg{overflow:visible}.line-chart .chart-point{transition:r .16s ease,stroke-width .16s ease;filter:drop-shadow(0 2px 3px rgba(23,105,170,.16))}.line-chart .chart-point:hover,.line-chart .chart-point:focus{r:7;stroke-width:3;outline:none}.line-chart-card{overflow:hidden}.result-donut{width:154px;height:154px;margin:18px auto;border-radius:50%;background:conic-gradient(#2b8a68 0 var(--success),#c79b3b var(--success) calc(var(--success) + var(--follow)),#d9e1e6 calc(var(--success) + var(--follow)) 100%);display:grid;place-items:center;box-shadow:0 8px 25px rgba(25,65,90,.09)}.result-donut:after{content:"";position:absolute;width:112px;height:112px;background:var(--surface,#fff);border-radius:50%}.result-donut b,.result-donut small{position:relative;z-index:1}.result-donut b{font-size:28px}.result-donut small{margin-top:-46px;color:var(--muted)}
@media(max-width:1200px){.system-overview{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.system-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.system-stat{min-height:80px;padding:11px}.system-stat-icon{width:40px;height:40px;flex-basis:40px}.system-stat strong{font-size:21px}.system-stat em{display:none}}@media(max-width:430px){.system-overview{grid-template-columns:1fr 1fr}.system-stat{gap:8px}.system-stat-icon{width:36px;height:36px;flex-basis:36px;font-size:18px}.system-stat small{font-size:10px}}

/* لوحة الرئيسية - رسوم حية تفاعلية */
.live-analytics-card{overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%)}
.live-analytics-card .cardhead{align-items:flex-start}
.chart-subtitle{margin:5px 0 0;color:var(--muted,#6d7c87);font-size:12px}
.chart-head-metrics{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.chart-head-metrics span{min-width:72px;padding:8px 11px;border:1px solid #e4edf2;border-radius:11px;background:#f8fbfd;text-align:center}
.chart-head-metrics small{display:block;color:var(--muted,#6d7c87);font-size:10px;font-weight:700}
.chart-head-metrics b{display:block;margin-top:2px;font-size:19px;line-height:1;color:#173b50;font-variant-numeric:tabular-nums}
.live-chart{position:relative;margin-top:8px;padding:4px 4px 0}
.live-chart svg{display:block;width:100%;height:auto;overflow:visible}
.chart-grid-line{stroke:#e7eef2;stroke-width:1}
.chart-baseline{stroke:#d2dfe6;stroke-width:1.2}
.chart-axis-label,.chart-x-label{fill:#81909a;font-size:10px;font-family:Arial,sans-serif}
.chart-area{fill:url(#liveArea);pointer-events:none}
.chart-line{fill:none;stroke:#1595ad;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 5px rgba(21,149,173,.18))}
.chart-bar{fill:#6b9e70;opacity:.9;cursor:pointer;transition:opacity .16s ease,transform .16s ease}
.chart-bar:hover,.chart-bar:focus,.chart-bar.is-active{opacity:1;outline:none}
.chart-point{fill:#fff;stroke:#1595ad;stroke-width:3;cursor:pointer;transition:r .16s ease,stroke-width .16s ease;filter:drop-shadow(0 2px 4px rgba(21,149,173,.2))}
.chart-point:hover,.chart-point:focus,.chart-point.is-active{r:8;stroke-width:4;outline:none}
.chart-legend{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:0 0 8px;color:#6d7c87;font-size:11px;font-weight:700}
.chart-legend span{display:inline-flex;align-items:center;gap:7px}
.legend-bar{width:14px;height:8px;border-radius:3px;background:#6b9e70;display:inline-block}
.legend-line{width:22px;height:3px;border-radius:99px;background:#1595ad;display:inline-block}
.donut-grid{margin-top:14px}
.type-donut{position:relative;width:154px;height:154px;margin:18px auto;border-radius:50%;background:conic-gradient(#1595ad 0 var(--doctor),#d9e1e6 var(--doctor) 100%);display:grid;place-items:center;box-shadow:0 8px 25px rgba(25,65,90,.09);cursor:pointer}
.type-donut:after{content:"";position:absolute;width:112px;height:112px;background:var(--surface,#fff);border-radius:50%}
.type-donut b,.type-donut small{position:relative;z-index:1}.type-donut b{font-size:28px}.type-donut small{margin-top:-46px;color:var(--muted)}
.result-legend i.doctor{background:#1595ad}.result-legend i.pharmacy{background:#d2a34f}
.result-donut,.type-donut{transition:transform .18s ease,box-shadow .18s ease}.result-donut:hover,.type-donut:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 30px rgba(25,65,90,.12)}
@media(max-width:760px){.live-analytics-card .cardhead{display:block}.chart-head-metrics{justify-content:flex-start;margin-top:12px}.chart-head-metrics span{flex:1;min-width:0}.chart-x-label{font-size:9px}.live-chart{overflow-x:auto}.live-chart svg{min-width:620px}}

/* مركز وسجل التنبيهات */
.notification-admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.notification-admin-stats article{padding:16px 18px;border:1px solid var(--line,#dce5eb);border-radius:15px;background:linear-gradient(145deg,#fff,#f7fafc);box-shadow:0 7px 22px rgba(25,65,90,.06);transition:transform .18s ease,box-shadow .18s ease}.notification-admin-stats article:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(25,65,90,.1)}.notification-admin-stats small{display:block;color:var(--muted,#71808d);font-size:11px;font-weight:800}.notification-admin-stats strong{display:block;margin-top:5px;font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums}.notification-log-table table{min-width:900px}.notification-log-table td{vertical-align:top}.table-subtext{margin-top:4px;color:var(--muted,#71808d);font-size:11px;line-height:1.6;max-width:360px}.notification-log-table .badge{white-space:nowrap}@media(max-width:900px){.notification-admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.notification-admin-stats{grid-template-columns:1fr 1fr;gap:8px}.notification-admin-stats article{padding:12px}.notification-admin-stats strong{font-size:22px}}
/* مركز التنبيهات الإداري */
.system-alerts-card{border:1px solid var(--line)}
.system-alert-list{display:grid;gap:9px}.system-alert-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.system-alert-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--soft);font-size:20px}.system-alert-content h3{margin:0 0 4px;font-size:14px}.system-alert-content p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.system-alert-item.warning{border-inline-start:4px solid #d89b32}.system-alert-item.danger{border-inline-start:4px solid #c95656}.system-alert-item.info{border-inline-start:4px solid var(--primary)}
.notice-main{display:flex;flex:1;min-width:0}.notice{align-items:center}.notice-link{padding:0}.notice-link b{font-size:14px}.notice-link p{margin:5px 0;line-height:1.7;color:var(--muted);font-size:12px}
@media(max-width:650px){.system-alert-item{grid-template-columns:38px 1fr}.system-alert-item .btn{grid-column:2;width:max-content}.notice{align-items:flex-start;flex-direction:column}.notice>.btn{align-self:flex-start}.notice-main{width:100%}}
.system-header-notice{display:flex;align-items:center;justify-content:space-between;gap:8px}.system-header-notice>a{flex:0 0 auto}.header-notice>a:first-child{display:block;flex:1;color:inherit;text-decoration:none}.header-notice{display:flex;align-items:center;gap:8px}
.audit-result{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.audit-success{background:#eaf8ef;color:#20733c}.audit-error{background:#fff0f0;color:#a43b3b}.audit-result-message{display:block;margin-top:5px;color:var(--muted);font-size:10px}


/* شاشة الترحيب بعد تسجيل الدخول */
.welcome-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 35%,rgba(23,105,170,.12),transparent 42%),var(--bg,#f5f8fa);overflow:hidden}
.welcome-card{width:min(520px,100%);text-align:center;padding:44px 32px 38px;background:var(--surface,#fff);border:1px solid var(--line,#dfe7ec);border-radius:28px;box-shadow:0 24px 70px rgba(23,57,78,.13);animation:welcomeCardIn .65s cubic-bezier(.2,.8,.2,1) both}
.welcome-logo-wrap{width:132px;height:132px;margin:0 auto 24px;display:grid;place-items:center;position:relative}
.welcome-logo-wrap:before,.welcome-logo-wrap:after{content:"";position:absolute;border:1px solid rgba(23,105,170,.2);border-radius:50%;animation:welcomePulse 2s ease-out infinite}
.welcome-logo-wrap:before{inset:4px}.welcome-logo-wrap:after{inset:-10px;animation-delay:.45s}
.welcome-logo{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(23,105,170,.2));animation:welcomeFloat 2s ease-in-out infinite}
.welcome-title{margin:0;font-size:30px;line-height:1.35;color:var(--text,#17364a);animation:welcomeText .7s .12s both}
.welcome-name{margin:7px 0 18px;font-size:23px;font-weight:800;color:var(--primary,#1769aa);animation:welcomeText .7s .22s both}
.welcome-status{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;background:rgba(30,145,88,.09);color:#218a59;font-weight:800;font-size:13px;animation:welcomeText .7s .32s both}
.welcome-status-dot{width:9px;height:9px;border-radius:50%;background:#27a66a;box-shadow:0 0 0 5px rgba(39,166,106,.12);animation:welcomeDot 1.2s ease-in-out infinite}
.welcome-progress{height:4px;width:min(280px,80%);margin:28px auto 0;background:var(--line,#e3e9ed);border-radius:99px;overflow:hidden}
.welcome-progress span{display:block;height:100%;width:0;background:var(--primary,#1769aa);border-radius:inherit;animation:welcomeProgress 2s linear forwards}
@keyframes welcomeCardIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@keyframes welcomeFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes welcomePulse{0%{transform:scale(.82);opacity:.8}100%{transform:scale(1.08);opacity:0}}
@keyframes welcomeText{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes welcomeDot{50%{transform:scale(1.25);opacity:.7}}
@keyframes welcomeProgress{to{width:100%}}
@media(prefers-color-scheme:dark){.welcome-page{background:radial-gradient(circle at 50% 35%,rgba(23,105,170,.2),transparent 42%),#0f1419}.welcome-card{background:#151d24;border-color:#29333f;box-shadow:0 24px 70px rgba(0,0,0,.32)}.welcome-title{color:#edf4f8}.welcome-progress{background:#29333f}}
@media(max-width:600px){.welcome-page{padding:16px}.welcome-card{padding:36px 20px 30px;border-radius:22px}.welcome-title{font-size:25px}.welcome-name{font-size:20px}.welcome-logo-wrap{width:112px;height:112px}.welcome-logo{width:78px;height:78px}}

/* ZAER responsive + dark-mode refinement v4 */
:root{
  color-scheme:light dark;
  --surface-2:#f7fafc;
  --surface-3:#eef4f7;
  --border-strong:#cbd8e2;
}

/* Keep every page inside the viewport */
html,body{width:100%;max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
.content{min-width:0}
.card,.stat,.detail,.editor,.compact-form,.manage-nav,.system-overview,.pagehead,.cardhead{min-width:0}
.cardhead>*,.pagehead>*{min-width:0}
.cardhead h2,.pagehead h1{overflow-wrap:anywhere}
.btn{max-width:100%}
input,select,textarea{max-width:100%;min-width:0}

/* System-management page: stable desktop/tablet/mobile layout */
.content:has(.manage-nav) .manage-nav{align-items:stretch}
.content:has(.manage-nav) .manage-nav button{min-width:0}
.content:has(.manage-nav) .cardhead{flex-wrap:wrap}
.content:has(.manage-nav) .head-actions{margin-inline-start:auto;max-width:100%}
.content:has(.manage-nav) .tablewrap{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.content:has(.manage-nav) table{min-width:620px}
.content:has(.manage-nav) .editor,
.content:has(.manage-nav) .compact-form{min-width:0}
.content:has(.manage-nav) .permission-grid{min-width:0}
.content:has(.manage-nav) hr{border:0;border-top:1px solid var(--line);margin:22px 0}

/* Dark mode: normalize hard-coded light surfaces used by later components */
@media(prefers-color-scheme:dark){
  :root{
    --surface-2:#1c252e;
    --surface-3:#202b35;
    --border-strong:#3a4856;
    --shadow:0 10px 30px rgba(0,0,0,.24);
  }
  body,html{background:var(--bg);color:var(--text)}
  .topbar,.sidebar,.card,.stat,.detail,.btn,.iconbtn,.bell,.menu,.notification-menu,
  .modal-card,.multi-select-menu,.multi-select-trigger,.login-card,.welcome-card{background:var(--surface);color:var(--text)}
  .brand-logo{background:var(--surface)}
  .sidebar nav a{color:#b7c4d0}
  .sidebar nav a.active{background:#1c3446;color:#dceefa}
  .manage-nav{background:var(--surface);border-color:var(--line)}
  .manage-nav a,.manage-nav button{background:var(--surface);color:#b7c4d0;border-color:var(--line)}
  .manage-nav button:hover,.manage-nav button.active{background:var(--primary);border-color:var(--primary);color:#fff}
  .editor,.compact-form{background:var(--surface-2);border-color:var(--border-strong)}
  .inset,.product-section{background:var(--surface-2)}
  .approval-note,.notice,.review-note,.review-composer{background:var(--surface-2);border-color:var(--line);color:var(--text)}
  th{background:#1d2730;color:#b8c5d2}
  td,th{border-color:#2c3844}
  tbody tr:hover{background:#1d2730}
  input,select,textarea{background:#151c23;color:var(--text);border-color:#3a4856}
  input::placeholder,textarea::placeholder{color:#778797}
  .check{background:var(--surface);border-color:#3a4856}
  .check:has(input:checked){background:#193445;border-color:#396a84}
  .badge{background:#203441;color:#b9dff2;border-color:#35576a}
  .danger-badge{background:#3a2325!important;color:#ffb4ae!important;border-color:#6e3b3a!important}
  .system-stat{background:linear-gradient(145deg,#1b252e,#151d24);border-color:#2e3a46;box-shadow:0 8px 24px rgba(0,0,0,.2)}
  .system-stat:hover{border-color:#405160}
  .system-stat-icon{background:#20384a;color:#8fc7e8}
  .system-stat:nth-child(2) .system-stat-icon{background:#19392f;color:#74d0b3}
  .system-stat:nth-child(3) .system-stat-icon{background:#3b3020;color:#e4b56c}
  .system-stat:nth-child(4) .system-stat-icon{background:#302744;color:#bca6e7}
  .system-stat:nth-child(5) .system-stat-icon{background:#222d48;color:#9eb4f0}
  .system-stat:nth-child(6) .system-stat-icon{background:#3b2632;color:#e0a1bd}
  .notification-admin-stats article{background:linear-gradient(145deg,#1c252e,#172027);border-color:#2e3a46}
  .live-analytics-card{background:linear-gradient(180deg,#1a232b 0%,#151c23 100%)}
  .chart-head-metrics span{background:#1c2730;border-color:#2e3a46}
  .chart-head-metrics b{color:#dce8ef}
  .multi-option:hover{background:#202d37}
  .multi-option.select-all{border-color:#34424f}
  .modal-head{border-color:#2d3945}
  .audit-modal-grid>div,.audit-extra{background:#1c2730;border-color:#30404d}
  .manager-alert-box{background:var(--surface);color:var(--text)}
  .manager-alert-box p{background:var(--surface-2)}
  .report-footer,.rank-row{border-color:#2d3945}
  .range-tabs a.active,.range-tabs button.active{background:#245d82}
  .result-donut:before,.result-donut:after{background:var(--surface)}
  .notice-link:hover{background:#202d37}
  .login-security{background:#1b252e}
}

/* Tablet */
@media (max-width:1100px){
  .content{max-width:none}
  .pagehead{gap:12px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .system-overview{grid-template-columns:repeat(3,minmax(0,1fr))}
  .content:has(.manage-nav) .manage-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Phones */
@media (max-width:700px){
  .topbar{height:64px;padding:0 8px}
  .content{padding:82px 10px 24px}
  .top-actions{gap:4px}
  .brand{min-width:0;max-width:42vw}
  .brand-logo{width:38px!important;height:38px!important}
  .brand b{font-size:16px}
  .iconbtn{width:38px;height:38px;margin-left:5px;flex:0 0 38px}
  .profile{min-width:0}
  .profile summary{padding:4px}
  .pagehead,.cardhead{align-items:stretch}
  .pagehead>.btn,.cardhead>.btn,.head-actions .btn{width:100%}
  .pagehead>.btn{flex:1}
  .head-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}
  .form-actions{flex-wrap:wrap}
  .form-actions .btn{flex:1 1 140px}
  .system-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
  .system-stat{min-height:78px;padding:10px;gap:8px;border-radius:13px}
  .system-stat-icon{width:38px;height:38px;flex-basis:38px;font-size:18px}
  .system-stat strong{font-size:20px}
  .system-stat small{font-size:11px}
  .system-stat em{font-size:9px}
  .content:has(.manage-nav) .manage-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px;margin-bottom:12px}
  .content:has(.manage-nav) .manage-nav button{font-size:12px;padding:10px 6px;min-height:42px}
  .content:has(.manage-nav) .card{padding:12px;margin-bottom:12px}
  .content:has(.manage-nav) .cardhead{display:flex;flex-direction:column;align-items:stretch;gap:9px}
  .content:has(.manage-nav) .cardhead>div:first-child{width:100%}
  .content:has(.manage-nav) .head-actions{margin:0;width:100%}
  .content:has(.manage-nav) .tablewrap{margin-inline:0;border-radius:9px}
  .content:has(.manage-nav) table{min-width:620px;font-size:11px}
  .content:has(.manage-nav) th,.content:has(.manage-nav) td{padding:9px 8px;white-space:normal;line-height:1.5}
  .content:has(.manage-nav) .actions{display:flex;flex-wrap:wrap;gap:5px}
  .content:has(.manage-nav) .actions .btn{width:auto;flex:0 0 auto}
  .content:has(.manage-nav) .permission-grid{grid-template-columns:1fr;gap:7px}
  .content:has(.manage-nav) .permission-grid .form-actions{grid-column:auto}
  .content:has(.manage-nav) .role-picker{max-width:none}
  .content:has(.manage-nav) .editor,.content:has(.manage-nav) .compact-form{padding:11px}
  .notification-menu{position:fixed;top:70px;right:10px;left:10px;width:auto;max-height:70vh;overflow:auto}
  .notification-popover{position:static}
  .menu{right:0;left:auto;max-width:calc(100vw - 20px)}
  .modal-backdrop{padding:10px}
  .modal-card{max-height:90vh;padding:14px;border-radius:14px}
  .multi-select-menu{max-height:55vh}
}

@media (max-width:430px){
  .content{padding-inline:8px}
  .brand{max-width:35vw}
  .brand-logo{width:34px!important;height:34px!important}
  .brand b{font-size:15px}
  .system-stat{min-height:74px;padding:8px}
  .system-stat-icon{width:34px;height:34px;flex-basis:34px;font-size:16px}
  .system-stat strong{font-size:18px}
  .system-stat small{font-size:10px}
  .content:has(.manage-nav) .manage-nav{grid-template-columns:1fr 1fr}
  .content:has(.manage-nav) .manage-nav button{font-size:11px;padding:9px 4px}
}

@media (max-width:340px){
  .topbar{padding-inline:5px}
  .brand{max-width:30vw}
  .system-overview{grid-template-columns:1fr}
  .content:has(.manage-nav) .manage-nav{grid-template-columns:1fr}
}
/* Final audit center refinements */
.audit-filter-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.audit-filter-form label{min-width:190px;flex:0 1 260px}.audit-filter-form select{width:100%;margin-top:6px}.audit-count{color:var(--muted);font-size:11px;font-weight:800;margin-inline-start:auto;padding-bottom:10px}.audit-summary{display:block;max-width:290px;line-height:1.6}.audit-code{display:block;color:var(--muted);font-size:10px;margin-top:4px;direction:ltr;text-align:right}.audit-warning{background:#fff6df;color:#8a5a00}.audit-status-box{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:12px;margin-bottom:14px;background:#f7fafc;border:1px solid var(--line)}.audit-status-box>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:17px}.audit-status-box strong,.audit-status-box small{display:block}.audit-status-box small{margin-top:3px;color:var(--muted);direction:ltr;text-align:right}.audit-status-box.success>span{background:#eaf8ef;color:#20733c}.audit-status-box.error>span{background:#fff0f0;color:#a43b3b}.audit-status-box.warning>span{background:#fff6df;color:#8a5a00}.audit-help{padding:12px 14px;border-radius:10px;background:#fff8e8;border:1px solid #f0d99b;margin-top:12px}.audit-help strong{display:block;margin-bottom:4px}.audit-help p{margin:0;color:var(--muted);line-height:1.7}.audit-technical{margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:10px}.audit-technical summary{cursor:pointer;font-weight:800;color:var(--muted)}.audit-technical pre{margin:10px 0 0;white-space:pre-wrap;word-break:break-word;direction:ltr;text-align:left;font-size:11px;line-height:1.7}.modal-subtitle{margin:4px 0 0;color:var(--muted);font-size:12px}.audit-full{grid-column:1/-1}.modal-open{overflow:hidden}
@media(prefers-color-scheme:dark){.audit-warning{background:#3a301c;color:#f2cb6b}.audit-status-box{background:#1c2730;border-color:#30404d}.audit-status-box.success>span{background:#173324;color:#8de0a5}.audit-status-box.error>span{background:#3b2023;color:#ff9da3}.audit-status-box.warning>span{background:#3a301c;color:#f2cb6b}.audit-help{background:#332b1b;border-color:#655329}.audit-technical{border-color:#30404d}}
@media(max-width:650px){.audit-filter-form{display:grid;grid-template-columns:1fr 1fr}.audit-filter-form label{min-width:0;width:100%}.audit-filter-form .btn{width:100%}.audit-count{grid-column:1/-1;margin:0;padding:0}.audit-filter-form label:first-child{grid-column:1/-1}.audit-summary{max-width:220px}.audit-full{grid-column:auto}}
@media(max-width:430px){.audit-filter-form{grid-template-columns:1fr}.audit-filter-form label:first-child{grid-column:auto}.audit-filter-form .btn{grid-column:1}.audit-filter-form .btn:not(.primary){grid-column:1}.audit-count{grid-column:1}.audit-modal-grid{grid-template-columns:1fr}}

/* User presence / online status */
.user-presence-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.presence-chip{border:1px solid var(--border,#dfe5ec);background:var(--card,#fff);color:var(--text,#1d2733);border-radius:16px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:right;min-height:72px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.presence-chip:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(15,23,42,.07)}.presence-chip span{display:flex;flex-direction:column;gap:3px}.presence-chip span b{font-size:.9rem}.presence-chip span small{font-size:.68rem;color:var(--muted,#64748b);font-weight:400}.presence-chip strong{font-size:1.5rem;line-height:1}.presence-chip.active-filter{outline:2px solid var(--primary,#2563eb);outline-offset:1px}.presence-chip.online strong{color:#15803d}.presence-chip.idle strong{color:#b45309}.presence-chip.offline strong{color:#64748b}.user-filter-note{font-size:.82rem;color:var(--muted,#64748b);margin:-5px 0 12px}.presence-status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.presence-status.online{color:#15803d;font-weight:700}.presence-status.idle{color:#b45309;font-weight:700}.presence-status.offline{color:#64748b}.user-ip{display:block;color:var(--muted,#64748b);font-size:.72rem;margin-top:3px}.user-details-modal{max-width:760px;width:min(760px,calc(100vw - 28px))}.user-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.user-details-grid .detail{padding:14px;border:1px solid var(--border,#e2e8f0);border-radius:12px;background:var(--surface,#f8fafc)}.user-details-grid .detail span{display:block;color:var(--muted,#64748b);font-size:.78rem;margin-bottom:5px}.user-details-grid .detail p{margin:4px 0 0;color:var(--muted,#64748b)}
@media (max-width:760px){.user-presence-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.user-details-grid{grid-template-columns:1fr}.users-presence-table{min-width:900px}}
@media (prefers-color-scheme:dark){.presence-chip{background:var(--card,#111827);border-color:var(--border,#263244)}.user-details-grid .detail{background:var(--surface,#111827);border-color:var(--border,#263244)}}

/* Searchable region/lookup selects */
.search-select{position:relative;min-width:0}
.search-select-input{width:100%;padding-inline-end:38px!important}
.search-select-input[readonly]{cursor:pointer}
.search-select-arrow{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted,#667785);font-size:13px}
.search-select-menu{position:absolute;z-index:1000;inset-inline:0;top:calc(100% + 5px);max-height:260px;overflow:auto;background:var(--card,#fff);border:1px solid var(--line,#dce4ea);border-radius:12px;box-shadow:0 14px 35px rgba(18,38,55,.16);padding:6px}
.search-select-menu[hidden]{display:none}
.search-select-option{display:block;width:100%;border:0;background:transparent;text-align:right;padding:10px 11px;border-radius:8px;cursor:pointer;font:inherit;color:inherit}
.search-select-option:hover,.search-select-option:focus,.search-select-option.active{background:#eef7f8;outline:none}
.search-select-empty{padding:12px;color:var(--muted,#667785);font-size:12px;text-align:center}
.quick-ranges{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.quick-ranges .btn.active{background:var(--primary,#0f6b78);color:#fff;border-color:var(--primary,#0f6b78)}
.quick-custom{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:12px;border:1px dashed var(--line,#dce4ea);border-radius:12px;background:var(--surface,#f7fafc);margin-bottom:12px}
.quick-custom[hidden]{display:none}
.quick-custom label{min-width:170px}
/* Refined quick date controls */
.quick-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.quick-ranges{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:0}
.quick-ranges .btn{min-height:38px;padding:8px 14px;border-radius:10px;font-weight:800;transition:all .16s ease}
.quick-ranges .btn.active{background:var(--primary,#0f6b78);color:#fff;border-color:var(--primary,#0f6b78);box-shadow:0 4px 12px rgba(15,107,120,.14)}
.quick-ranges .btn:not(.active):hover{border-color:var(--primary,#0f6b78);color:var(--primary,#0f6b78);transform:translateY(-1px)}
.custom-range-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:6px}
.custom-range-toggle span{font-size:13px}
.custom-popover{position:relative;display:block!important;max-width:560px;padding:14px 16px!important;margin:10px 0 14px;border:1px solid var(--line,#dce4ea)!important;border-radius:14px!important;background:var(--surface,#fff)!important;box-shadow:0 10px 28px rgba(25,52,70,.09)}
.custom-popover[hidden]{display:none!important}
.custom-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:var(--text,#173042)}
.custom-popover-head strong{font-size:13px}
.custom-close{border:0;background:transparent;color:var(--muted,#6d7d88);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:20px;line-height:1}
.custom-close:hover{background:var(--soft,#eef4f7);color:var(--text,#173042)}
.custom-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.custom-date-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:var(--muted,#6d7d88)}
.custom-date-grid input{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid var(--line,#dce4ea);border-radius:9px;background:#fff;font:inherit;color:var(--text,#173042)}
.custom-date-grid input:focus{outline:2px solid rgba(15,107,120,.14);border-color:var(--primary,#0f6b78)}
.custom-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line,#e7edf1)}
@media(max-width:600px){.quick-toolbar{align-items:stretch;flex-direction:column}.quick-ranges{width:100%}.quick-ranges .btn{flex:1;min-width:120px}.custom-date-grid{grid-template-columns:1fr}.custom-popover{max-width:none}}


/* إدارة النظام: الطباعة وحركات المستخدمين */
.head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.print-columns,.activity-btn{white-space:nowrap}
.user-activity-modal{width:min(980px,96vw);max-height:90vh;overflow:auto}
.activity-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border,#e5e7eb)}
.activity-custom{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.activity-custom label{min-width:150px}
.activity-summary{display:flex;gap:18px;flex-wrap:wrap;padding:12px 0;font-size:13px}
.activity-list{display:grid;gap:8px}
.activity-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border,#e5e7eb);border-radius:14px;padding:12px;background:var(--card,#fff)}
.activity-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(59,130,246,.1);font-weight:800;flex:0 0 auto}
.activity-main{flex:1;min-width:0}
.activity-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
.activity-top time{font-size:12px;opacity:.7;direction:ltr}
.activity-main p{margin:5px 0;font-size:13px}
.activity-main small{opacity:.65;direction:ltr;display:block}
.column-chooser-modal{width:min(560px,94vw)}
.column-chooser-actions{display:flex;gap:8px;padding:8px 0}
.column-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:45vh;overflow:auto;padding:6px 2px}
.column-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--border,#e5e7eb);border-radius:12px;cursor:pointer}
.column-option:hover{background:rgba(59,130,246,.05)}
@media(max-width:700px){
  .activity-toolbar{align-items:stretch;flex-direction:column}
  .activity-custom{display:grid;grid-template-columns:1fr 1fr}
  .activity-custom .btn{grid-column:1/-1}
  .column-options{grid-template-columns:1fr}
}

/* إدارة النظام: قوائم الطباعة المنسقة وحوار الأعمدة */
.print-menu-wrap{position:relative;display:inline-flex;align-items:center}
.print-columns{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.print-caret{font-size:12px;line-height:1;opacity:.75}
.print-menu{position:absolute;top:calc(100% + 7px);inset-inline-end:0;z-index:1200;min-width:190px;padding:6px;background:var(--surface,#fff);border:1px solid var(--line,#dce4ea);border-radius:12px;box-shadow:0 14px 34px rgba(24,48,67,.16)}
.print-menu[hidden]{display:none}
.print-menu button{display:flex;width:100%;align-items:center;gap:8px;border:0;background:transparent;color:var(--text,#173042);padding:10px 12px;border-radius:8px;font:inherit;font-size:12px;font-weight:800;text-align:right;cursor:pointer}
.print-menu button:hover{background:var(--soft,#eef4f7);color:var(--primary,#0f6b78)}
.modal{width:min(680px,100%);max-height:min(82vh,720px);overflow:auto;box-sizing:border-box;background:var(--surface,#fff);color:var(--text,#173042);border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.28);padding:20px}
.column-chooser-modal{width:min(620px,94vw);max-height:min(86vh,760px)}
.column-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:48vh;overflow:auto;padding:4px 2px}
.column-option{display:flex!important;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line,#dce4ea);border-radius:12px;background:var(--surface,#fff);cursor:pointer;min-width:0;box-sizing:border-box}
.column-option input{margin:0;flex:0 0 auto}
.column-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}
.column-option.disabled{opacity:.5;cursor:not-allowed}
.column-chooser-actions{display:flex;align-items:center;gap:8px;padding:8px 0 12px;border-bottom:1px solid var(--line,#e6edf1);margin-bottom:10px}
.column-save-note{margin-inline-start:auto;font-size:11px;font-weight:800;color:var(--muted,#6d7d88)}
@media(max-width:700px){.print-menu{inset-inline-end:auto;inset-inline-start:0}.column-options{grid-template-columns:1fr}.column-save-note{width:100%;margin-inline-start:0}.column-chooser-actions{flex-wrap:wrap}}
/* ZAER Home — premium analytics refresh inspired by modern SaaS dashboards */
.zaer-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 2px 20px}.hero-kicker{display:inline-flex;align-items:center;gap:7px;color:#59647b;font:800 10px/1 Arial,sans-serif;letter-spacing:1.5px}.hero-kicker:before{content:"";width:24px;height:3px;border-radius:99px;background:#0A24E9}.hero-copy h1{margin:9px 0 4px;font-size:31px;letter-spacing:-.6px;color:#0B0D17}.hero-copy p{margin:0;color:#758092;font-size:13px}.hero-actions{display:flex;align-items:center;gap:10px}.hero-period{padding:10px 14px;border:1px solid #e2e6ed;border-radius:13px;background:#fff;min-width:190px}.hero-period span{display:block;color:#8a93a2;font-size:10px;font-weight:700}.hero-period b{display:block;margin-top:3px;color:#29315D;font:700 12px Arial,sans-serif;direction:ltr;text-align:right}.hero-period i{font-style:normal;color:#a9b0bc}.hero-add{min-height:49px;border-radius:13px!important;background:#0A24E9!important;border-color:#0A24E9!important;box-shadow:0 10px 24px rgba(10,36,233,.18)}
.zaer-filter-card{position:relative;margin-bottom:16px;padding:8px 10px;border:1px solid #e1e5ec;border-radius:14px;background:#fff;box-shadow:0 5px 20px rgba(20,29,55,.035)}.zaer-filter-card form{position:relative}.zaer-filter-card .range-tabs{gap:4px}.zaer-filter-card .filter-label{padding:8px 10px;color:#8a93a2;font-size:11px;font-weight:800}.zaer-filter-card .range-tabs a,.zaer-filter-card .range-tabs button{padding:8px 13px;border-radius:9px;color:#697387}.zaer-filter-card .range-tabs a.active,.zaer-filter-card .range-tabs button.active{background:#0B0D17;color:#fff}.zaer-filter-card .range-tabs button:hover,.zaer-filter-card .range-tabs a:hover{background:#f0f2f5;color:#0B0D17}.zaer-filter-card .custom-popover{position:absolute;right:10px;top:48px;z-index:30;width:min(430px,calc(100vw - 40px));display:block;margin:0;padding:15px;border:1px solid #dde3ea;border-radius:15px;background:#fff;box-shadow:0 20px 50px rgba(19,27,46,.16)}.zaer-filter-card .custom-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.zaer-filter-card .custom-actions{display:flex;gap:8px;margin-top:12px}.zaer-filter-card .custom-actions .btn{flex:1}.zaer-filter-card .custom-popover-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.zaer-filter-card .custom-close{border:0;background:transparent;font-size:22px;color:#8a93a2}.zaer-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.zaer-stat{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:15px 16px;background:#fff;border:1px solid #e1e5ec;border-radius:16px;box-shadow:0 7px 24px rgba(20,29,55,.045);overflow:hidden;transition:.18s}.zaer-stat:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,29,55,.08)}.zaer-stat .stat-icon{width:44px;height:44px;flex:0 0 44px;border-radius:13px;display:grid;place-items:center;font:700 20px Arial,sans-serif}.zaer-stat span{display:block;color:#7b8494;font-size:11px;font-weight:700}.zaer-stat b{display:block;margin-top:2px;color:#0B0D17;font:800 24px/1.2 Arial,sans-serif;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zaer-stat small{display:block;margin-top:3px;color:#a0a8b4;font-size:10px}.stat-blue .stat-icon{background:#e9edff;color:#0A24E9}.stat-green .stat-icon{background:#e9f4ed;color:#5C9764}.stat-gold .stat-icon{background:#f8f0e5;color:#b88735}.stat-purple .stat-icon{background:#efecff;color:#6554b7}.stat-online .stat-icon{background:#e9f7f0;color:#3e8a5b}.stat-online{border-color:#d7ebdf}.stat-product{font-size:16px!important;font-family:inherit!important}.online-pulse{position:absolute;top:12px;left:12px;width:7px;height:7px;border-radius:50%;background:#5C9764;box-shadow:0 0 0 4px rgba(92,151,100,.12)}
.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(270px,.8fr);gap:16px}.dashboard-main-grid .card,.dashboard-secondary-grid .card,.dashboard-bottom-grid .card{margin-bottom:0}.zaer-chart-card,.zaer-result-card,.zaer-regions-card,.zaer-mix-card,.zaer-recent-card,.zaer-activity-card,.zaer-products-card{border-color:#e1e5ec;box-shadow:0 7px 25px rgba(20,29,55,.045);border-radius:17px}.zaer-chart-card{padding:20px 20px 12px}.chart-head h2,.zaer-result-card h2,.zaer-regions-card h2,.zaer-mix-card h2,.zaer-recent-card h2,.zaer-activity-card h2,.zaer-products-card h2{font-size:18px;color:#0B0D17}.chart-head p,.zaer-result-card .cardhead p,.zaer-regions-card .cardhead p{margin:3px 0 0;color:#9098a6;font-size:11px}.zaer-chart-card .section-kicker,.zaer-result-card .section-kicker,.zaer-regions-card .section-kicker,.zaer-mix-card .section-kicker,.zaer-recent-card .section-kicker,.zaer-activity-card .section-kicker,.zaer-products-card .section-kicker{color:#5f6878;font-family:Arial,sans-serif;font-size:9px;letter-spacing:1.7px}.zaer-chart-card .chart-head-metrics span{background:#f7f8fa;border-color:#e6e9ef}.zaer-chart-card .chart-head-metrics b{color:#0B0D17}.zaer-chart-card .live-chart{margin-top:14px}.zaer-chart-card .chart-line{stroke:#0A24E9;filter:drop-shadow(0 3px 5px rgba(10,36,233,.15))}.zaer-chart-card .chart-point{stroke:#0A24E9}.zaer-chart-card .chart-bar{fill:#a9b6c0;opacity:.6}.zaer-chart-card .chart-bar:hover,.zaer-chart-card .chart-bar.is-active{fill:#0A24E9;opacity:.8}.zaer-chart-card .chart-area{fill:url(#zaerArea)}.zaer-chart-card .chart-grid-line{stroke:#edf0f4}.zaer-chart-card .chart-axis-label,.zaer-chart-card .chart-x-label{fill:#a0a7b2}.chart-footer{display:flex;justify-content:center;gap:22px;padding:2px 0 3px;color:#8c94a2;font-size:10px}.chart-footer span{display:inline-flex;align-items:center;gap:6px}.chart-footer .legend-line{width:19px;background:#0A24E9}.chart-footer .legend-bar{width:13px;background:#a9b6c0}
.zaer-result-card{padding:20px;display:flex;flex-direction:column}.zaer-result-card .cardhead{margin-bottom:2px}.zaer-result-card .result-donut{width:168px;height:168px;margin:23px auto 20px;background:conic-gradient(#0A24E9 0 var(--success),#b7a06d var(--success) calc(var(--success) + var(--follow)),#e6e9ee calc(var(--success) + var(--follow)) 100%);box-shadow:none}.zaer-result-card .result-donut:after{width:122px;height:122px;background:#fff}.zaer-result-card .result-donut b{font:800 30px Arial,sans-serif;color:#0B0D17}.zaer-result-card .result-donut small{margin-top:-45px;color:#8a93a2}.zaer-result-card .result-legend{gap:9px}.zaer-result-card .result-legend span{padding:7px 0;font-size:11px}.zaer-result-card .result-legend i{width:8px;height:8px}.zaer-result-card .result-legend i.success{background:#0A24E9}.zaer-result-card .result-legend i.follow{background:#b7a06d}
.dashboard-secondary-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr);gap:16px;margin-top:16px}.zaer-regions-card,.zaer-mix-card{padding:19px}.region-list{display:grid;gap:14px;margin-top:14px}.region-row>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:11px}.region-row>div span{color:#465165;font-weight:700}.region-row>div b{font:700 11px Arial,sans-serif;color:#0B0D17}.region-row>i{display:block;height:8px;border-radius:99px;background:#eef0f4;overflow:hidden}.region-row>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0A24E9,#5d6ef2)}
.zaer-mix-card{display:flex;flex-direction:column}.mix-ring{width:152px;height:152px;margin:15px auto 17px;border-radius:50%;background:conic-gradient(#0A24E9 0 var(--doctor),#dfe3e9 var(--doctor) 100%);display:grid;place-items:center;position:relative;box-shadow:none}.mix-ring:after{content:"";position:absolute;width:108px;height:108px;border-radius:50%;background:#fff}.mix-ring b,.mix-ring small{position:relative;z-index:1}.mix-ring b{font:800 28px Arial,sans-serif;color:#0B0D17}.mix-ring small{margin-top:-44px;color:#8a93a2;font-size:10px}.mix-legend{display:grid;gap:8px;margin-top:auto}.mix-legend span{display:flex;align-items:center;gap:7px;color:#6f7887;font-size:11px}.mix-legend i{width:8px;height:8px;border-radius:50%;background:#0A24E9}.mix-legend i.pharmacy{background:#dfe3e9}.mix-legend b{margin-right:auto;color:#0B0D17;font:700 11px Arial,sans-serif}
.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;margin-top:16px}.zaer-recent-card,.zaer-activity-card{padding:19px}.text-link{color:#0A24E9;font-size:10px;font-weight:800;white-space:nowrap}.recent-list,.activity-list{display:grid}.recent-item{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #edf0f4}.recent-item:last-child,.activity-item:last-child{border-bottom:0}.recent-item:hover{background:#fafbfc;border-radius:10px;padding-inline:7px}.recent-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:700 17px Arial,sans-serif}.recent-icon.doctor{background:#edf0ff;color:#0A24E9}.recent-icon.pharmacy{background:#f2f4f5;color:#63707b}.recent-info{min-width:0}.recent-info b{display:block;font-size:12px;color:#29315D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-info small{display:block;color:#99a1ae;font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-meta{text-align:left;min-width:100px}.recent-meta strong{display:block;font-size:10px;color:#6c7583;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-meta time{display:block;margin-top:2px;color:#a3aab5;font:9px Arial,sans-serif;direction:ltr}.activity-item{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f4}.activity-dot{width:7px;height:7px;border-radius:50%;background:#0A24E9;box-shadow:0 0 0 4px rgba(10,36,233,.08)}.activity-item b{display:block;color:#394255;font-size:11px}.activity-item small{display:block;color:#9aa2ae;font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.activity-item time{color:#a3aab5;font:9px Arial,sans-serif;direction:ltr;white-space:nowrap}.zaer-products-card{margin-top:16px;padding:17px 19px}.product-pills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.product-pill{display:grid;grid-template-columns:23px 1fr auto;align-items:center;gap:7px;padding:9px;border:1px solid #e8ebef;border-radius:11px;background:#fafbfc;min-width:0}.product-pill span{width:23px;height:23px;border-radius:7px;background:#eef0ff;color:#0A24E9;display:grid;place-items:center;font:700 10px Arial,sans-serif}.product-pill b{font-size:10px;color:#414a5a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-pill strong{font:700 9px Arial,sans-serif;color:#8e96a3;white-space:nowrap}
@media(max-width:1200px){.zaer-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-pills{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr)}}
@media(max-width:900px){.zaer-hero{align-items:stretch;flex-direction:column}.hero-actions{justify-content:space-between}.dashboard-main-grid,.dashboard-secondary-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.zaer-result-card{min-height:0}.product-pills{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.zaer-stats-grid{grid-template-columns:1fr 1fr;gap:9px}.zaer-stat{padding:12px}.zaer-stat .stat-icon{width:38px;height:38px;flex-basis:38px;font-size:17px}.zaer-stat b{font-size:20px}.zaer-stat span{font-size:10px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-period{min-width:0}.hero-copy h1{font-size:25px}.zaer-filter-card .range-tabs{overflow:auto;flex-wrap:nowrap}.zaer-filter-card .filter-label{display:none}.zaer-filter-card .range-tabs a,.zaer-filter-card .range-tabs button{flex:0 0 auto}.zaer-chart-card,.zaer-result-card,.zaer-regions-card,.zaer-mix-card,.zaer-recent-card,.zaer-activity-card{padding:15px}.recent-item{grid-template-columns:34px 1fr}.recent-meta{grid-column:2;text-align:right}.activity-item{grid-template-columns:8px 1fr}.activity-item time{grid-column:2}.product-pills{grid-template-columns:1fr}.zaer-filter-card .custom-popover{right:0;width:min(100%,calc(100vw - 32px))}.zaer-filter-card .custom-date-grid{grid-template-columns:1fr}.chart-head-metrics{margin-top:9px!important;justify-content:flex-start}.chart-head-metrics span{flex:1}}

/* ZAER home permissions + responsive desktop layout */
@media(min-width:901px){
  html,body.home-page{overflow:auto;min-height:100%;height:auto;}
  body.home-page .content{min-height:100vh;overflow:visible;padding:82px 22px 20px;max-width:1700px;}
  body.home-page .zaer-hero{padding:0 2px 9px;min-height:56px;align-items:center;}
  body.home-page .hero-copy h1{font-size:25px;margin:5px 0 2px;}
  body.home-page .hero-copy p{font-size:11px;}
  body.home-page .hero-period{padding:7px 11px;min-width:175px;}
  body.home-page .hero-add{min-height:40px;padding:8px 12px!important;}
  body.home-page .zaer-filter-card{margin-bottom:9px;padding:5px 8px;}
  body.home-page .zaer-filter-card .range-tabs a,body.home-page .zaer-filter-card .range-tabs button{padding:6px 11px;font-size:11px;}
  body.home-page .zaer-stats-grid{gap:9px;margin-bottom:9px;}
  body.home-page .zaer-stat{padding:9px 11px;border-radius:13px;min-height:63px;}
  body.home-page .zaer-stat .stat-icon{width:36px;height:36px;flex-basis:36px;font-size:17px;border-radius:10px;}
  body.home-page .zaer-stat b{font-size:20px;}
  body.home-page .zaer-stat span{font-size:10px;}
  body.home-page .zaer-stat small{font-size:9px;margin-top:1px;}
  body.home-page .dashboard-main-grid{gap:10px;}
  body.home-page .dashboard-secondary-grid,body.home-page .dashboard-bottom-grid{gap:10px;margin-top:10px;}
  body.home-page .zaer-chart-card,body.home-page .zaer-result-card,body.home-page .zaer-regions-card,body.home-page .zaer-mix-card,body.home-page .zaer-recent-card,body.home-page .zaer-activity-card{padding:11px 13px;border-radius:13px;overflow:hidden;}
  body.home-page .dashboard-main-grid .zaer-chart-card{min-height:220px;}
  body.home-page .dashboard-main-grid .zaer-result-card{min-height:220px;}
  body.home-page .zaer-chart-card .live-chart{margin-top:5px;height:170px;}
  body.home-page .zaer-chart-card .live-chart svg{height:170px;}
  body.home-page .zaer-chart-card .chart-footer{font-size:9px;}
  body.home-page .zaer-result-card .result-donut{width:105px;height:105px;margin:5px auto 7px;}
  body.home-page .zaer-result-card .result-donut:after{width:75px;height:75px;}
  body.home-page .zaer-result-card .result-donut b{font-size:22px;}
  body.home-page .zaer-result-card .result-donut small{margin-top:-34px;font-size:8px;}
  body.home-page .result-legend{gap:3px;}
  body.home-page .result-legend span{padding:3px 0;font-size:9px;}
  body.home-page .region-list{gap:7px;margin-top:5px;}
  body.home-page .region-row>div{margin-bottom:3px;font-size:9px;}
  body.home-page .region-row>i{height:5px;}
  body.home-page .mix-ring{width:100px;height:100px;margin:5px auto 7px;}
  body.home-page .mix-ring:after{width:70px;height:70px;}
  body.home-page .mix-ring b{font-size:22px;}
  body.home-page .mix-ring small{margin-top:-34px;font-size:8px;}
  body.home-page .mix-legend{gap:3px;}
  body.home-page .mix-legend span{font-size:9px;}
  body.home-page .recent-item{padding:6px 0;grid-template-columns:30px 1fr auto;}
  body.home-page .recent-icon{width:28px;height:28px;font-size:14px;}
  body.home-page .recent-info b{font-size:10px;}
  body.home-page .recent-info small,body.home-page .recent-meta strong{font-size:8px;}
  body.home-page .recent-meta time{font-size:8px;}
  body.home-page .activity-item{padding:5px 0;}
  body.home-page .activity-item b{font-size:9px;}
  body.home-page .activity-item small,body.home-page .activity-item time{font-size:8px;}
  body.home-page .zaer-products-card{margin-top:9px;padding:8px 11px;}
  body.home-page .product-pills{gap:5px;}
  body.home-page .product-pill{padding:5px 7px;gap:5px;}
  body.home-page .product-pill span{width:19px;height:19px;}
  body.home-page .product-pill b,body.home-page .product-pill strong{font-size:8px;}
}
@media(max-width:900px){body.home-page{overflow:auto;}body.home-page .content{min-height:100vh;}}

/* Restore natural pointer interaction and page scrolling. */
html,body{cursor:default;}
a,button,[role="button"],summary,.clickable,.chart-point,.chart-bar,.result-donut,.mix-ring,.recent-item,.product-pill{cursor:pointer;}
input,textarea,select{cursor:text;}
button:disabled,a[aria-disabled="true"],input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;}
body.home-page{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
body.home-page .content{overflow:visible;}

/* Keep the dashboard palette tied to ZAER's existing brand colors. */
.zaer-hero .hero-kicker:before,.zaer-chart-card .chart-line,.zaer-chart-card .chart-point,.zaer-chart-card .chart-bar:hover,.zaer-chart-card .chart-bar.is-active,.zaer-chart-card .legend-line,.region-row>i em,.mix-ring{background-color:var(--primary);}
.zaer-hero .hero-kicker,.zaer-chart-card h2,.zaer-result-card h2,.zaer-regions-card h2,.zaer-mix-card h2,.zaer-recent-card h2,.zaer-activity-card h2,.zaer-products-card h2{color:var(--text);}
.hero-add{background:var(--primary)!important;border-color:var(--primary)!important;}
.zaer-filter-card .range-tabs a.active,.zaer-filter-card .range-tabs button.active{background:var(--primary-2);}
.stat-blue .stat-icon{color:var(--primary);}.stat-green .stat-icon{color:var(--success);}.stat-online .stat-icon{color:var(--success);}
.zaer-chart-card .chart-line{stroke:var(--primary);}.zaer-chart-card .chart-point{stroke:var(--primary);}.zaer-chart-card .chart-bar:hover,.zaer-chart-card .chart-bar.is-active{fill:var(--primary);}.zaer-chart-card .chart-area{fill:url(#zaerArea);}
.zaer-chart-card .chart-footer .legend-line{background:var(--primary);}.zaer-chart-card .chart-footer .legend-bar{background:var(--muted);}
.zaer-result-card .result-donut{background:conic-gradient(var(--primary) 0 var(--success),#ba8a66 var(--success) calc(var(--success) + var(--follow)),#e2e9ec calc(var(--success) + var(--follow)) 100%);}.zaer-result-card .result-legend i.success{background:var(--primary);}
.region-row>i em{background:linear-gradient(90deg,var(--primary),#2c6b8e);}.mix-ring{background:conic-gradient(var(--primary) 0 var(--doctor),#dce5e8 var(--doctor) 100%);}.mix-legend i{background:var(--primary);}.product-pill span{background:var(--soft);color:var(--primary);}
@media(min-width:901px){
  body.home-page .zaer-stats-grid:has(.stat-online){grid-template-columns:repeat(5,minmax(0,1fr));}
}
/* ZAER icon system: unified, crisp SVG icons across the application */
.zicon{width:18px;height:18px;display:inline-block;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .18s ease,opacity .18s ease}
.iconbtn .zicon{width:20px;height:20px;vertical-align:0}
.sidebar nav a .zicon{width:18px;height:18px;vertical-align:-4px;margin-inline-end:2px;opacity:.86}
.sidebar nav a:hover .zicon,.sidebar nav a.active .zicon{opacity:1;transform:translateY(-1px)}
.bell .zicon{width:19px;height:19px;vertical-align:-5px}
.inline-icon{width:15px;height:15px;vertical-align:-3px;margin-inline-end:3px}
.btn .zicon{width:16px;height:16px;vertical-align:-3px;margin-inline-end:5px}
.cardhead .zicon,.section-title .zicon{width:17px;height:17px}
.zicon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
@media (prefers-reduced-motion: reduce){.zicon{transition:none}}

/* ZAER visual polish: refined surfaces, pointer states and gentle interaction */
:root{
  --zaer-accent:#2b6f93;
  --zaer-accent-soft:#eaf4f8;
  --zaer-border:#d8e4e9;
  --zaer-shadow:0 10px 30px rgba(22,58,78,.07);
}
button,a,[role="button"],summary,.clickable,.chart-point,.chart-bar,.result-donut,.mix-ring,.recent-item,.product-pill{cursor:pointer}
button:disabled,a[aria-disabled="true"],input:disabled,select:disabled{cursor:not-allowed}
.btn,.iconbtn,.manage-nav button,.visit-type-switch>*,.range-tabs a,.range-tabs button,.recent-item,.product-pill,.stat,.card,.topbar,.sidebar nav a{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.btn:focus-visible,.iconbtn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(43,111,147,.22);outline-offset:2px}
.card,.stat{box-shadow:var(--zaer-shadow)}
.card:hover,.stat:hover{border-color:#cddde4;box-shadow:0 14px 34px rgba(22,58,78,.09)}
.btn{min-height:40px}
.btn:not(:disabled):hover{transform:translateY(-1px)}
.iconbtn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(22,58,78,.09)}
.sidebar nav a{position:relative}
.sidebar nav a:hover{transform:translateX(-3px)}
.sidebar nav a.active{box-shadow:inset 0 0 0 1px rgba(43,111,147,.05)}
.menu a,.header-notice{transition:background-color .16s ease,transform .16s ease}
.menu a:hover,.header-notice:hover{transform:translateX(-2px)}
.tablewrap{box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
tbody tr{transition:background-color .14s ease}

/* Refined dashboard */
.zaer-hero{border:1px solid rgba(216,228,233,.9);background:linear-gradient(135deg,#fff 0%,#f8fbfc 100%);box-shadow:0 8px 24px rgba(22,58,78,.05)!important}
.zaer-stat{position:relative;isolation:isolate}
.zaer-stat:after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:0;transition:opacity .2s ease}
.zaer-stat:hover:after{opacity:.75}
.zaer-stat .stat-icon{box-shadow:0 5px 13px rgba(22,58,78,.08)}
.zaer-chart-card,.zaer-result-card,.zaer-regions-card,.zaer-mix-card,.zaer-recent-card,.zaer-activity-card,.zaer-products-card{box-shadow:0 8px 26px rgba(22,58,78,.055)!important}
.cardhead h2{letter-spacing:-.2px}
.section-kicker{font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:1.5px;font-size:9px}
.text-link{font-weight:800;border-radius:8px;padding:5px 8px;transition:.16s ease}
.text-link:hover{background:var(--zaer-accent-soft);transform:translateX(-2px)}
.recent-item{border-radius:10px;padding-inline:8px!important}
.recent-item:hover{background:#f7fafb;transform:translateX(-2px)}
.product-pill:hover{background:#fff;border-color:#cbdde5;transform:translateY(-1px);box-shadow:0 6px 16px rgba(22,58,78,.06)}
.activity-item{transition:background-color .15s ease,border-color .15s ease}
.activity-item:hover{background:#f8fbfc;border-radius:9px;padding-inline:7px}

/* Replace character-like glyphs with polished SVG-style icon containers */
.stat-icon,.recent-icon,.rank-icon{font-size:0!important;position:relative}
.stat-icon:before,.recent-icon:before{content:"";width:18px;height:18px;display:block;border:1.8px solid currentColor;border-radius:5px;opacity:.95}
.stat-green .stat-icon:before{border-radius:50%;clip-path:polygon(50% 0,100% 100%,0 100%)}
.stat-gold .stat-icon:before{border-radius:4px;box-shadow:inset 0 0 0 3px transparent}
.stat-purple .stat-icon:before{transform:rotate(45deg);border-radius:4px}
.stat-online .stat-icon:before{width:11px;height:11px;border-radius:50%;background:currentColor;border:0;box-shadow:0 0 0 5px rgba(23,107,57,.10)}
.recent-icon.doctor:before{border-radius:50%;box-shadow:0 0 0 3px rgba(43,111,147,.10)}
.recent-icon.pharmacy:before{border-radius:4px;box-shadow:inset 0 -5px 0 rgba(43,111,147,.10)}

@media(max-width:900px){
  .card:hover,.stat:hover{box-shadow:var(--zaer-shadow);transform:none}
  .recent-item:hover,.product-pill:hover{transform:none}
}
.recent-icon span{display:block;width:18px;height:18px;border:1.8px solid currentColor;border-radius:5px}
.recent-icon.doctor span{border-radius:50%;box-shadow:0 0 0 3px rgba(43,111,147,.08)}
.recent-icon.pharmacy span{border-radius:4px;box-shadow:inset 0 -5px 0 rgba(43,111,147,.10)}

/* ZAER dashboard rebuild — clean analytics layout */
.zaer-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 18px;padding:2px 2px 0}.dashboard-welcome h1{margin:4px 0 3px;font-size:28px;line-height:1.2;color:#203746;letter-spacing:-.3px}.dashboard-welcome p{margin:0;color:#80909b;font-size:12px}.dashboard-overline{display:inline-block;color:#2b6f93;font:800 9px/1.2 Arial,sans-serif;letter-spacing:2px;direction:ltr}.dashboard-head-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.period-chip,.online-chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px;border:1px solid #dbe5e9;border-radius:11px;background:#fff;color:#687985;font:700 11px Arial,sans-serif}.period-chip b{color:#a8b4bb}.online-chip i{width:8px;height:8px;border-radius:50%;background:#28a56b;box-shadow:0 0 0 4px rgba(40,165,107,.10)}.dashboard-filter-clean{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding:4px;background:#fff;border:1px solid #dfe8eb;border-radius:13px;box-shadow:0 4px 16px rgba(24,58,76,.035)}.dashboard-filter-clean .range-tabs{padding:3px;gap:3px}.dashboard-filter-clean .range-tabs a,.dashboard-filter-clean .range-tabs button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#778792;padding:8px 12px;border-radius:9px;font-size:11px;font-weight:800}.dashboard-filter-clean .range-tabs a:hover,.dashboard-filter-clean .range-tabs button:hover{background:#f1f6f8;color:#2b6f93}.dashboard-filter-clean .range-tabs .active{background:#2b6f93;color:#fff;box-shadow:0 3px 10px rgba(43,111,147,.16)}.dashboard-filter-clean .filter-label{padding:0 9px;color:#9aa8b0;font-size:10px;font-weight:800}.dashboard-filter-clean .zicon{width:14px;height:14px;vertical-align:0}.dashboard-filter-clean form{position:relative}.dashboard-filter-clean .custom-popover{position:absolute;top:46px;right:0;z-index:40;width:320px;background:#fff;border:1px solid #dbe5e9;border-radius:13px;padding:13px;box-shadow:0 18px 45px rgba(20,50,68,.15)}.dashboard-filter-clean .custom-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.dashboard-filter-clean .custom-actions{display:flex;justify-content:flex-start}.dashboard-filter-clean .custom-popover input{padding:8px 9px;margin-top:4px;font-size:11px}.dashboard-filter-clean .custom-popover label{font-size:10px;color:#657680}.dashboard-filter-clean .custom-popover .custom-popover-head{display:flex;justify-content:space-between;align-items:center}.dashboard-filter-clean .custom-close{padding:4px;border-radius:7px}.dashboard-filter-clean .custom-close .zicon{width:15px}
.zaer-primary-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:13px}.dashboard-stat{display:flex;align-items:center;gap:12px;min-height:98px;padding:15px 17px;background:#fff;border:1px solid #dfe8eb;border-radius:14px;box-shadow:0 5px 18px rgba(24,58,76,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dashboard-stat:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(24,58,76,.08);border-color:#cbdce3}.dashboard-stat .stat-symbol{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:13px}.dashboard-stat .stat-symbol .zicon{width:22px;height:22px}.dashboard-stat .stat-symbol.blue{background:#edf5f8;color:#2b6f93}.dashboard-stat .stat-symbol.teal{background:#edf7f4;color:#2d8a72}.dashboard-stat .stat-symbol.gold{background:#fbf5eb;color:#b28350}.dashboard-stat .stat-symbol.violet{background:#f1eff9;color:#7565a6}.dashboard-stat small,.dashboard-stat em{display:block;font-size:10px;font-style:normal;color:#82919b}.dashboard-stat strong{display:block;margin:1px 0;font:800 26px/1.1 Arial,sans-serif;color:#203746}.dashboard-stat em{font-size:9px;color:#a1adb3}.dashboard-card{background:#fff;border:1px solid #dfe8eb;border-radius:15px;box-shadow:0 6px 22px rgba(24,58,76,.045);padding:17px}.dashboard-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.dashboard-card-head.compact{margin-bottom:14px}.dashboard-card-head h2{margin:4px 0 2px;color:#243b4a;font-size:18px}.dashboard-card-head p{margin:0;color:#96a2a9;font-size:10px}.chart-total{min-width:74px;text-align:left}.chart-total b{display:block;font:800 22px Arial,sans-serif;color:#23485f}.chart-total span{font-size:9px;color:#a0abb1}.professional-chart{position:relative;height:265px;margin-top:3px}.professional-chart svg{display:block;width:100%;height:100%;overflow:visible}.professional-grid{stroke:#edf2f4;stroke-width:1}.professional-baseline{stroke:#dfe8eb;stroke-width:1}.professional-axis,.professional-xlabel{fill:#9aa7ae;font:9px Arial,sans-serif}.professional-line{fill:none;stroke:#2b6f93;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.professional-area{fill:url(#zaerChartFill)}.professional-point{fill:#fff;stroke:#2b6f93;stroke-width:2;cursor:pointer;transition:r .15s ease,stroke-width .15s ease,fill .15s ease}.professional-point:hover,.professional-point.is-active{r:7;fill:#2b6f93;stroke-width:3}.chart-tooltip{position:absolute;z-index:10;min-width:125px;padding:7px 9px;border:1px solid #d6e2e7;border-radius:9px;background:#fff;box-shadow:0 9px 24px rgba(25,57,75,.14);font-size:10px;color:#60737e;pointer-events:none;text-align:center}.chart-tooltip b{font-size:9px}.chart-tooltip strong{font:800 14px Arial,sans-serif;color:#24495f}.dashboard-analysis-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr) minmax(220px,1fr);gap:13px;margin-top:13px;align-items:stretch}.dashboard-analysis-grid>.dashboard-time-card{grid-column:span 1;min-width:0}.dashboard-analysis-grid>.compare-card{min-width:0;overflow:hidden}.dashboard-analysis-grid .time-chart{height:245px}.dashboard-analysis-grid .column-chart{height:205px}.dashboard-analysis-grid .donut-layout{min-height:205px;gap:18px}.dashboard-analysis-grid .donut-chart{width:132px;height:132px}.dashboard-analysis-grid .donut-legend{min-width:125px;gap:11px}
.dashboard-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.compare-bars{display:grid;gap:18px;margin-top:17px}.compare-row{display:grid;gap:7px}.compare-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#667782}.compare-label b{font:800 12px Arial,sans-serif;color:#29465a}.compare-track{height:10px;background:#edf2f4;border-radius:99px;overflow:hidden}.compare-track i{display:block;height:100%;border-radius:inherit;background:#2b6f93;transition:width .4s ease}.compare-track i.pharmacy{background:#b98a5e}.compare-foot{display:flex;justify-content:space-between;margin-top:20px;padding-top:10px;border-top:1px solid #edf1f3;color:#9aa6ad;font-size:10px}.compare-foot strong{font:800 13px Arial,sans-serif;color:#29465a}.result-rows{display:grid;gap:14px;margin-top:17px}.result-row>div{display:flex;align-items:center;gap:7px;font-size:11px;color:#61727d}.result-row>div strong{margin-right:auto;font:800 12px Arial,sans-serif;color:#29465a}.result-dot{width:8px;height:8px;border-radius:50%;background:#d3dce0}.result-dot.success{background:#2b6f93}.result-dot.follow{background:#b98a5e}.result-dot.other{background:#a8b5ba}.result-row>i{display:block;height:8px;background:#edf2f4;border-radius:99px;overflow:hidden;margin-top:6px}.result-row em{display:block;height:100%;border-radius:inherit}.result-row em.success{background:#2b6f93}.result-row em.follow{background:#b98a5e}.result-row em.other{background:#a8b5ba}.dashboard-rank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:13px}.ranking-card{min-height:245px}.ranking-list{display:grid}.ranking-item{display:grid;grid-template-columns:22px 34px minmax(0,1fr) auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #edf1f3}.ranking-item:last-child{border-bottom:0}.rank-number{font:800 10px Arial,sans-serif;color:#a2afb5;text-align:center}.rank-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#edf5f8;color:#2b6f93;font-weight:800;font-size:12px}.rank-avatar.pharmacy{background:#fbf5eb;color:#a77a50}.rank-avatar.product{background:#f0f3f5;color:#647783}.rank-avatar.product .zicon{width:15px;height:15px}.ranking-item div{min-width:0}.ranking-item div b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#314957;font-size:11px}.ranking-item div small{display:block;margin-top:2px;color:#a1adb3;font-size:8px}.ranking-item>strong{font:800 13px Arial,sans-serif;color:#2a4c61}.dashboard-management-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:13px;margin-top:13px}.management-card{min-height:245px}.management-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf5f8;color:#2b6f93}.management-icon .zicon{width:17px}.location-list{display:grid;gap:12px;margin-top:15px}.location-row>div{display:flex;justify-content:space-between;align-items:center;color:#5d707b;font-size:10px}.location-row strong{font:800 11px Arial,sans-serif;color:#2d4d60}.location-row>i{display:block;height:7px;margin-top:6px;border-radius:99px;background:#edf2f4;overflow:hidden}.location-row em{display:block;height:100%;background:#2b6f93;border-radius:inherit}.latest-visits-list{display:grid}.latest-visit{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #edf1f3;transition:background .15s ease,padding .15s ease}.latest-visit:last-child{border-bottom:0}.latest-visit:hover{background:#f7fafb;border-radius:9px;padding-inline:7px}.latest-type{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.latest-type.doctor{background:#edf5f8;color:#2b6f93}.latest-type.pharmacy{background:#fbf5eb;color:#a77a50}.latest-type .zicon{width:16px}.latest-main{min-width:0}.latest-main b{display:block;font-size:10px;color:#334d5b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-main small,.latest-date small{display:block;color:#9ca9af;font-size:8px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.latest-date{text-align:left;min-width:82px}.latest-date b{display:block;font:9px Arial,sans-serif;color:#627783;direction:ltr}.text-link{display:inline-flex;align-items:center;gap:4px;color:#2b6f93;font-size:10px;font-weight:800}.text-link .zicon{width:13px;height:13px}.empty-state{color:#9aa7ad;padding:18px 0;margin:0;font-size:11px}
@media(max-width:1050px){
.dashboard-rank-grid{grid-template-columns:1fr 1fr}
.dashboard-management-grid{grid-template-columns:1fr 1fr}
.zaer-primary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.dashboard-analysis-grid{grid-template-columns:1fr 1fr}
.dashboard-analysis-grid>.dashboard-time-card{grid-column:1/-1}
}

@media(max-width:820px){
.zaer-dashboard-head{align-items:stretch;flex-direction:column}
.dashboard-head-side{justify-content:flex-start}
.dashboard-compare-grid{grid-template-columns:1fr}
.dashboard-analysis-grid{grid-template-columns:1fr}
.dashboard-analysis-grid>.dashboard-time-card{grid-column:auto}
.zaer-primary-stats{grid-template-columns:1fr 1fr}
.dashboard-filter-clean{align-items:flex-start}
.dashboard-filter-clean .range-tabs{overflow:auto;max-width:100%}
.professional-chart{height:220px}
}
@media(max-width:560px){.dashboard-welcome h1{font-size:24px}.dashboard-head-side{display:grid;grid-template-columns:1fr 1fr}.dashboard-head-side .btn{grid-column:1/-1}.period-chip,.online-chip{justify-content:center}.dashboard-filter-clean .filter-label{display:none}.dashboard-filter-clean .range-tabs a,.dashboard-filter-clean .range-tabs button{padding:8px 9px}.dashboard-card{padding:14px}.dashboard-card-head h2{font-size:16px}.professional-chart{height:190px}.chart-total{display:none}.latest-visit{grid-template-columns:32px minmax(0,1fr)}.latest-date{grid-column:2;text-align:right}.dashboard-filter-clean .custom-popover{width:min(300px,calc(100vw - 32px))}}

/* Global command/search bar */
.global-search{position:relative;width:min(360px,32vw);margin-inline:8px}.global-search form{position:relative}.global-search input{height:38px;margin:0;padding:0 37px 0 48px;border:1px solid #dce6ea;border-radius:11px;background:#f8fafb;color:#304955;font-size:11px}.global-search input:focus{background:#fff;border-color:#9ebbc8;box-shadow:0 0 0 3px rgba(43,111,147,.08)}.global-search-icon{position:absolute;z-index:2;right:12px;top:10px;color:#80919b;pointer-events:none}.global-search-icon .zicon{width:16px;height:16px}.global-search kbd{position:absolute;left:8px;top:8px;padding:3px 6px;border:1px solid #dbe4e8;border-radius:6px;background:#fff;color:#9aa7ae;font:8px Arial,sans-serif}.global-search-menu{position:absolute;top:44px;inset-inline:0;background:#fff;border:1px solid #dce6ea;border-radius:13px;box-shadow:0 18px 42px rgba(21,51,68,.15);padding:6px;z-index:220;max-height:360px;overflow:auto}.global-search-item{display:flex;align-items:center;gap:9px;padding:9px;border-radius:9px;color:#516773}.global-search-item:hover{background:#f2f7f8;color:#2b6f93}.global-search-item>.zicon{width:16px;height:16px;flex:0 0 16px}.global-search-item span{min-width:0}.global-search-item b,.global-search-item small{display:block}.global-search-item b{font-size:11px}.global-search-item small{font-size:8px;color:#9ba8ae;margin-top:2px}.global-search-empty{padding:14px;text-align:center;color:#98a5ac;font-size:10px}@media(max-width:900px){.global-search{width:min(280px,34vw)}}@media(max-width:650px){.global-search{width:38px;margin-inline:2px}.global-search form{width:38px}.global-search input{width:38px;padding:0;cursor:pointer}.global-search input::placeholder{color:transparent}.global-search kbd{display:none}.global-search-icon{right:11px}.global-search:focus-within,.global-search.expanded{width:min(250px,calc(100vw - 100px))}.global-search:focus-within form,.global-search.expanded form,.global-search:focus-within input,.global-search.expanded input{width:100%}.global-search:focus-within input,.global-search.expanded input{padding:0 37px 0 12px}.global-search:focus-within kbd,.global-search.expanded kbd{display:none}.global-search-menu{width:min(280px,calc(100vw - 32px));inset-inline-end:auto}}

/* Dashboard chart refinements */
.chart-mini-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf5f8;color:#2b6f93;flex:0 0 34px}.chart-mini-icon.muted{background:#f2f4f6;color:#73848e}.chart-mini-icon .zicon{width:16px;height:16px}
.column-chart{height:205px;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:56px;padding:18px 28px 8px;overflow:hidden}.column-grid{position:absolute;inset:14px 24px 42px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.column-grid i{display:block;height:1px;background:#edf2f4}.column-item{position:relative;width:86px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:1}.column-value{font:800 13px Arial,sans-serif;color:#294c61;margin-bottom:5px}.column-track{height:132px;width:44px;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(to top,rgba(237,242,244,.55),rgba(255,255,255,0));border-radius:9px 9px 4px 4px;overflow:hidden}.column-bar{display:block;width:100%;min-height:4px;border-radius:9px 9px 3px 3px;background:linear-gradient(to top,#2b6f93,#5c93ae);transition:height .5s ease,filter .2s ease}.column-bar.pharmacy{background:linear-gradient(to top,#ad8156,#d0ad82)}.column-item:hover .column-bar{filter:brightness(1.06)}.column-label{display:flex;align-items:center;gap:5px;margin-top:8px;color:#627681;font-size:10px;font-weight:800}.column-label .zicon{width:14px;height:14px}
.donut-layout{display:flex;align-items:center;justify-content:center;gap:34px;min-height:205px}.donut-chart{width:158px;height:158px;border-radius:50%;background:conic-gradient(#2b6f93 0 var(--success),#b98a5e var(--success) calc(var(--success) + var(--follow)),#c8d1d5 calc(var(--success) + var(--follow)) 100%);display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}.donut-chart:after{content:"";position:absolute;inset:18px;border-radius:50%;background:#fff}.donut-hole{position:relative;z-index:1;text-align:center}.donut-hole strong{display:block;font:800 25px Arial,sans-serif;color:#25495e}.donut-hole span{font-size:9px;color:#9aa7ad}.donut-legend{display:grid;gap:14px;min-width:150px}.donut-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:7px;font-size:10px;color:#647782}.donut-legend strong{font:800 12px Arial,sans-serif;color:#294c61}.legend-dot{width:8px;height:8px;border-radius:50%;background:#c8d1d5}.legend-dot.success{background:#2b6f93}.legend-dot.follow{background:#b98a5e}
@media(max-width:820px){.donut-layout{gap:18px}.column-chart{gap:28px}.column-item{width:70px}}
@media(max-width:560px){.donut-layout{flex-direction:column;gap:12px;padding-bottom:8px}.donut-chart{width:132px;height:132px}.donut-legend{width:100%;grid-template-columns:1fr 1fr 1fr;gap:8px}.donut-legend>div{grid-template-columns:8px 1fr;gap:5px}.donut-legend strong{grid-column:2}.column-chart{gap:20px;padding-inline:10px}.column-track{width:38px}}
/* ZAER premium timeline chart: calmer, denser and more interactive */
.dashboard-time-card{padding:18px 19px 13px;overflow:visible}.chart-head-pro{align-items:flex-start;margin-bottom:3px}.chart-kpi{min-width:116px;padding:9px 12px;border:1px solid #e2eaee;border-radius:12px;background:linear-gradient(180deg,#fbfdfe,#f5f9fa);text-align:right}.chart-kpi span{display:block;color:#9aa8af;font-size:9px;font-weight:700}.chart-kpi strong{display:inline-block;margin-top:2px;color:#244b62;font:800 22px/1.05 Arial,sans-serif}.chart-kpi small{margin-right:4px;color:#9aa8af;font-size:9px}.time-chart{position:relative;height:285px;margin-top:2px}.time-chart svg{display:block;width:100%;height:100%;overflow:visible}.time-grid{stroke:#edf2f4;stroke-width:1;stroke-dasharray:3 5}.time-baseline{stroke:#dce6ea;stroke-width:1.2}.time-axis,.time-label{fill:#98a7ae;font:9px Arial,sans-serif}.time-bar{fill:url(#zaerBarFill);transition:opacity .18s ease,transform .18s ease}.time-bar:hover{opacity:.95}.time-area{fill:url(#zaerTimeFill)}.time-line{fill:none;stroke:#2b6f93;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 5px rgba(43,111,147,.08))}.time-point{fill:#fff;stroke:#2b6f93;stroke-width:2.2;cursor:pointer;transition:r .16s ease,fill .16s ease,stroke-width .16s ease}.time-point:hover,.time-point:focus,.time-point.is-active{r:7;fill:#2b6f93;stroke-width:3;outline:none}.chart-tooltip{min-width:132px;padding:8px 10px;border:1px solid #d8e4e8;border-radius:10px;background:rgba(255,255,255,.98);box-shadow:0 12px 30px rgba(26,57,73,.15);font-size:9px;color:#6c7d86;pointer-events:none;text-align:center}.chart-tooltip strong{display:inline-block;margin-top:2px;color:#244b62;font:800 15px Arial,sans-serif}.chart-footnote{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f3;padding-top:9px;color:#9aa7ad;font-size:9px}.chart-footnote span{display:inline-flex;align-items:center;gap:6px}.chart-footnote i{width:8px;height:8px;border-radius:50%;background:#2b6f93;box-shadow:0 0 0 4px rgba(43,111,147,.08)}.chart-footnote b{padding:0 3px;color:#c2cbd0}
@media(max-width:560px){.chart-kpi{min-width:95px}.time-chart{height:220px}.chart-footnote{font-size:8px}}

/* =========================================================
   ZAER HOME V3 — premium analytics rebuild
   Inspired by current SaaS dashboard patterns: compact KPI strip,
   large primary chart, focused insight rail, rankings and activity.
   Scoped to the home page so existing screens remain unchanged.
   ========================================================= */
body.home-page{background:#f6f8fb;color:#17212b;overflow:auto!important}
body.home-page .content{background:#f6f8fb;overflow:visible!important}
.zaer-home-v3{max-width:1540px;margin:0 auto;padding:4px 0 30px;direction:rtl}
.zaer-home-v3 *{box-sizing:border-box}
.v3-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:14px}
.v3-title{min-width:0}.v3-kicker,.v3-label{display:block;font:700 9px/1.2 Arial,sans-serif;letter-spacing:1.55px;color:#8995a3}.v3-title h1{margin:6px 0 3px;font-size:27px;line-height:1.2;color:#111b26;font-weight:800;letter-spacing:-.4px}.v3-title p{margin:0;color:#8a96a3;font-size:11px}.v3-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v3-online,.v3-date-chip,.v3-primary-action{height:37px;display:inline-flex;align-items:center;gap:7px;border:1px solid #e1e7ed;border-radius:10px;background:#fff;padding:0 12px;font-size:10px;font-weight:700;color:#667381;white-space:nowrap}.v3-online i{width:7px;height:7px;border-radius:50%;background:#31a56b;box-shadow:0 0 0 4px rgba(49,165,107,.10)}.v3-date-chip b{color:#bdc5ce}.v3-primary-action{background:#172b3d;color:#fff;border-color:#172b3d;text-decoration:none;box-shadow:0 5px 15px rgba(23,43,61,.14)}.v3-primary-action .zicon{width:15px;height:15px}.v3-primary-action:hover{transform:translateY(-1px);background:#102130}
.v3-filter{position:relative;display:flex;align-items:center;gap:12px;min-height:49px;padding:6px 8px;margin-bottom:12px;background:#fff;border:1px solid #e3e8ee;border-radius:12px;box-shadow:0 3px 12px rgba(22,34,48,.025)}.v3-filter-title{display:flex;align-items:center;gap:6px;padding-inline:5px;color:#657281;font-size:10px}.v3-filter-title .zicon{width:15px;height:15px}.v3-range{display:flex;align-items:center;gap:4px}.v3-range a,.v3-range button{border:0;background:transparent;color:#7b8793;padding:8px 12px;border-radius:8px;font:700 10px/1 inherit;cursor:pointer;text-decoration:none}.v3-range a:hover,.v3-range button:hover{background:#f2f5f8;color:#263847}.v3-range .active{background:#edf3f7;color:#173b52}.v3-custom{position:absolute;right:8px;top:52px;z-index:20;display:flex;align-items:flex-end;gap:8px;padding:12px;background:#fff;border:1px solid #e1e6ec;border-radius:12px;box-shadow:0 14px 34px rgba(22,34,48,.12)}.v3-custom label{display:grid;gap:5px;color:#75818d;font-size:9px;font-weight:700}.v3-custom input{height:34px;border:1px solid #dfe5ea;border-radius:8px;padding:0 8px;font:10px Arial;color:#25323d}.v3-apply{height:34px;border:0;border-radius:8px;background:#173b52;color:#fff;padding:0 13px;font-size:10px;font-weight:800;cursor:pointer}
.v3-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.v3-kpi{position:relative;display:flex;align-items:center;gap:11px;min-height:88px;padding:14px;border:1px solid #e1e7ed;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(22,34,48,.035)}.v3-kpi-icon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;border-radius:11px}.v3-kpi-icon .zicon{width:19px;height:19px}.v3-kpi-copy{min-width:0}.v3-kpi-copy span{display:block;color:#74818e;font-size:10px;font-weight:700}.v3-kpi-copy strong{display:block;margin-top:3px;color:#162330;font:800 24px/1 Arial,sans-serif;letter-spacing:-.4px}.v3-kpi-copy small{display:block;margin-top:5px;color:#9aa4ae;font-size:9px;white-space:nowrap}.v3-kpi.blue .v3-kpi-icon{background:#edf5fa;color:#2b6f93}.v3-kpi.green .v3-kpi-icon{background:#edf8f3;color:#2b8b62}.v3-kpi.amber .v3-kpi-icon{background:#fbf5e9;color:#b17d2c}.v3-kpi.violet .v3-kpi-icon{background:#f2effc;color:#765cc5}.v3-kpi-spark{position:absolute;left:13px;bottom:14px;width:56px;height:20px;opacity:.16;border-bottom:2px solid currentColor;transform:skewX(-28deg);border-radius:50%}.v3-kpi.blue .v3-kpi-spark{color:#2b6f93}.v3-kpi.green .v3-kpi-spark{color:#2b8b62}.v3-kpi.amber .v3-kpi-spark{color:#b17d2c}.v3-kpi.violet .v3-kpi-spark{color:#765cc5}
.v3-row{display:grid;gap:10px;margin-bottom:10px}.v3-row-main{grid-template-columns:minmax(0,2.15fr) minmax(300px,.85fr)}.v3-card{background:#fff;border:1px solid #e1e7ed;border-radius:14px;box-shadow:0 5px 18px rgba(22,34,48,.035);min-width:0}.v3-chart-card{padding:17px 18px 10px}.v3-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.v3-card-head.compact{align-items:center}.v3-card-head h2{margin:5px 0 2px;color:#172431;font-size:16px;line-height:1.25;font-weight:800}.v3-card-head p{margin:0;color:#96a0aa;font-size:9px}.v3-chart-total{text-align:left;min-width:75px}.v3-chart-total small{display:block;color:#9aa4ae;font-size:9px}.v3-chart-total strong{display:inline-block;margin-top:2px;color:#172431;font:800 19px Arial}.v3-chart-total em{font-style:normal;color:#9aa4ae;font-size:8px;margin-right:3px}.v3-chart{position:relative;height:218px;margin-top:7px}.v3-chart svg{display:block;width:100%;height:100%;overflow:visible}.v3-grid{stroke:#edf1f4;stroke-width:1}.v3-axis,.v3-xlabel{fill:#a2abb4;font:9px Arial,sans-serif}.v3-area{fill:url(#v3Area)}.v3-line{fill:none;stroke:#2b6f93;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.v3-base{stroke:#e8edf1}.v3-point{fill:#fff;stroke:#2b6f93;stroke-width:2;cursor:pointer;transition:r .16s ease,stroke-width .16s ease,fill .16s ease}.v3-point:hover,.v3-point.active,.v3-point:focus{r:6;stroke-width:3;fill:#dcecf4;outline:none}.v3-tooltip{position:absolute;z-index:5;min-width:105px;padding:7px 9px;background:#162b3c;color:#fff;border-radius:8px;box-shadow:0 8px 22px rgba(15,32,46,.2);pointer-events:none;font-size:9px;line-height:1.45}.v3-tooltip b{display:block;color:#c8d8e2;font-size:8px}.v3-tooltip strong{display:block;margin-top:2px;font:800 11px Arial}.v3-chart-foot{display:flex;align-items:center;justify-content:space-between;padding-top:1px;color:#9ba5af;font-size:8px}.v3-chart-foot span{display:inline-flex;align-items:center;gap:5px}.v3-chart-foot i{width:15px;height:3px;border-radius:99px;background:#2b6f93}.v3-chart-foot b{font:9px Arial;color:#a0a9b2;direction:ltr}
.v3-insights{padding:17px 16px}.v3-head-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#f1f5f8;color:#2b6f93}.v3-head-icon .zicon{width:15px;height:15px}.v3-mini-block{padding-top:16px}.v3-mini-title{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#63717e;font-size:10px;font-weight:700}.v3-mini-title b{font:700 9px Arial;color:#9aa5af}.v3-compare{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;text-align:center;margin:14px 0 11px}.v3-compare strong{display:block;font:800 23px Arial;color:#182631}.v3-compare span{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:4px;color:#909ba5;font-size:8px}.v3-compare span i{width:6px;height:6px;border-radius:50%;display:inline-block}.v3-compare span i.doctor{background:#2b6f93}.v3-compare span i.pharmacy{background:#b58a3b}.v3-compare-divider{height:30px;background:#edf1f4}.v3-split{display:flex;height:7px;overflow:hidden;border-radius:99px;background:#f1f3f5;direction:ltr}.v3-split i{display:block;background:#2b6f93}.v3-split b{display:block;background:#b58a3b}.outcome-block{border-top:1px solid #edf1f4;margin-top:15px;padding-top:15px}.v3-outcome{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:14px;margin-top:10px}.v3-donut{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#2b6f93 0 var(--success),#8fb7c9 var(--success) calc(var(--success) + var(--follow)),#e8edf0 calc(var(--success) + var(--follow)) 100%)}.v3-donut:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.v3-donut strong,.v3-donut small{position:relative;z-index:1}.v3-donut strong{font:800 18px Arial;color:#172431}.v3-donut small{margin-top:-24px;color:#a0a9b2;font-size:7px}.v3-outcome-list{display:grid;gap:8px}.v3-outcome-list span{display:grid;grid-template-columns:8px 1fr auto;gap:6px;align-items:center;color:#7b8792;font-size:8px}.v3-outcome-list i{width:7px;height:7px;border-radius:50%}.v3-outcome-list i.success{background:#2b6f93}.v3-outcome-list i.follow{background:#8fb7c9}.v3-outcome-list i.other{background:#dfe4e8}.v3-outcome-list b{font:700 9px Arial;color:#4d5b67}
.v3-ranking-row{grid-template-columns:repeat(3,minmax(0,1fr))}.v3-ranking{padding:15px 16px}.v3-rank-list{display:grid;margin-top:11px}.v3-rank-item{display:grid;grid-template-columns:27px 30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;border-top:1px solid #edf1f4}.v3-rank-num{font:800 9px Arial;color:#a6afb8}.v3-rank-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#edf5fa;color:#2b6f93;font:800 11px Arial}.v3-rank-avatar.hospital{background:#fbf5e9;color:#b17d2c}.v3-rank-avatar.grid{background:#f2effc;color:#765cc5}.v3-rank-item>div{min-width:0}.v3-rank-item b{display:block;color:#394754;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3-rank-item small{display:block;margin-top:2px;color:#a0a9b2;font-size:8px}.v3-rank-item>strong{font:800 12px Arial;color:#283744}.v3-empty{display:grid;place-items:center;min-height:90px;color:#a1aab3;font-size:9px;text-align:center}
.v3-bottom-row{grid-template-columns:minmax(0,1.05fr) minmax(0,1.45fr)}.v3-locations,.v3-latest{padding:15px 16px}.v3-location-list{display:grid;gap:11px;margin-top:14px}.v3-location>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px}.v3-location span{color:#566571;font-size:9px;font-weight:700}.v3-location b{font:800 9px Arial;color:#33434f}.v3-location>i{display:block;height:6px;background:#edf1f4;border-radius:99px;overflow:hidden}.v3-location>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b6f93,#73a6bc)}.v3-view-all{display:inline-flex;align-items:center;gap:4px;color:#2b6f93;font-size:9px;font-weight:800;text-decoration:none}.v3-view-all .zicon{width:12px;height:12px}.v3-activity-list{display:grid;margin-top:7px}.v3-activity-item{display:grid;grid-template-columns:33px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #edf1f4;text-decoration:none}.v3-activity-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px}.v3-activity-icon .zicon{width:15px;height:15px}.v3-activity-icon.doctor{background:#edf5fa;color:#2b6f93}.v3-activity-icon.pharmacy{background:#fbf5e9;color:#b17d2c}.v3-activity-main{min-width:0}.v3-activity-main b{display:block;color:#3b4a56;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3-activity-main small{display:block;margin-top:2px;color:#9ca6af;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3-activity-meta{text-align:left;min-width:90px}.v3-activity-meta b{display:block;color:#76828d;font:800 8px Arial;direction:ltr}.v3-activity-meta small{display:block;margin-top:3px;color:#a1aab2;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
@media(max-width:1150px){.v3-row-main{grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr)}.v3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-bottom-row{grid-template-columns:1fr 1.2fr}}
@media(max-width:900px){.zaer-home-v3{padding-inline:0}.v3-head{align-items:stretch;flex-direction:column;gap:10px}.v3-head-actions{justify-content:flex-start}.v3-row-main,.v3-bottom-row{grid-template-columns:1fr}.v3-ranking-row{grid-template-columns:1fr}.v3-chart{height:205px}.v3-custom{right:auto;left:8px;max-width:calc(100vw - 40px)}}
@media(max-width:600px){.v3-kpis{grid-template-columns:1fr 1fr;gap:7px}.v3-kpi{min-height:78px;padding:10px}.v3-kpi-icon{width:34px;height:34px;flex-basis:34px}.v3-kpi-copy strong{font-size:19px}.v3-kpi-copy small{font-size:8px}.v3-kpi-spark{display:none}.v3-filter{overflow:visible;flex-wrap:wrap}.v3-filter-title{display:none}.v3-range{overflow:auto;max-width:100%}.v3-custom{position:absolute;top:47px;left:0;right:0;flex-wrap:wrap}.v3-custom label{flex:1}.v3-custom input{width:100%}.v3-activity-item{grid-template-columns:31px minmax(0,1fr)}.v3-activity-meta{grid-column:2;text-align:right}.v3-head-actions>*{flex:1;justify-content:center}.v3-date-chip{min-width:0}.v3-card-head h2{font-size:14px}}

/* ZAER Premium Dashboard — inspired by contemporary SaaS / bento analytics patterns */
.zaer-dashboard-pro{--pro-ink:#13212b;--pro-muted:#7c8994;--pro-line:#e6ebee;--pro-bg:#f5f7f8;--pro-accent:#0f7180;--pro-accent-soft:#e8f4f5;max-width:1580px;margin:0 auto;padding:4px 0 36px;direction:rtl}
.zaer-dashboard-pro *{box-sizing:border-box}
.zaer-dashboard-pro a{text-decoration:none}
.pro-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:4px 0 18px;padding:4px 2px}
.pro-eyebrow{display:block;color:#9aa6af;font:700 9px/1.1 Arial,sans-serif;letter-spacing:1.65px;text-transform:uppercase}
.pro-hero-copy h1{margin:8px 0 4px;color:var(--pro-ink);font-size:29px;line-height:1.15;font-weight:800;letter-spacing:-.6px}
.pro-hero-copy h1 strong{color:#0f7180;font-weight:800}.pro-hero-copy p{margin:0;color:#8d99a2;font-size:11px}
.pro-hero-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.pro-live,.pro-period,.pro-add{height:38px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--pro-line);border-radius:11px;background:#fff;padding:0 12px;color:#64727d;font-size:10px;font-weight:700;box-shadow:0 4px 14px rgba(19,33,43,.025)}
.pro-live i{width:7px;height:7px;border-radius:50%;background:#39a86e;box-shadow:0 0 0 4px rgba(57,168,110,.1)}.pro-period b{color:#c4cbd0}.pro-add{background:#132b3b;color:#fff;border-color:#132b3b;box-shadow:0 8px 20px rgba(19,43,59,.14)}.pro-add .zicon{width:15px;height:15px}.pro-add:hover{transform:translateY(-1px);background:#0d2230}
.pro-toolbar{position:relative;display:flex;align-items:center;gap:16px;min-height:50px;margin-bottom:13px;padding:5px 7px;background:rgba(255,255,255,.82);border:1px solid var(--pro-line);border-radius:14px;box-shadow:0 5px 18px rgba(19,33,43,.025);backdrop-filter:blur(8px)}
.pro-toolbar-label{display:flex;align-items:center;gap:6px;padding:0 7px;color:#677681;font-size:10px}.pro-toolbar-label .zicon{width:15px;height:15px;color:#0f7180}.pro-range{display:flex;gap:3px}.pro-range a,.pro-range button{height:36px;border:0;background:transparent;border-radius:9px;padding:0 14px;color:#7c8892;font:700 10px Arial;cursor:pointer}.pro-range a:hover,.pro-range button:hover,.pro-range .active{background:#edf5f6;color:#0d6673}.pro-custom-wrap{margin-inline-start:auto}.pro-custom{display:flex;align-items:center;gap:6px}.pro-custom label{display:grid;gap:4px;color:#88949e;font-size:8px;font-weight:700}.pro-custom input{height:32px;border:1px solid #dfe6e9;border-radius:8px;background:#fff;padding:0 7px;font:10px Arial;color:#31414c}.pro-custom button{height:32px;border:0;border-radius:8px;background:#153547;color:#fff;padding:0 12px;font-size:9px;font-weight:800;cursor:pointer}
.pro-kpi-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:11px;margin-bottom:13px}.pro-kpi{position:relative;min-height:116px;padding:15px 16px;border:1px solid var(--pro-line);border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(19,33,43,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.pro-kpi:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(19,33,43,.065);border-color:#d8e1e5}.pro-kpi-feature{background:linear-gradient(135deg,#123748 0%,#0f7180 100%);border-color:#123748;color:#fff}.pro-kpi-feature:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-90px;bottom:-105px;background:rgba(255,255,255,.08)}.pro-kpi-top,.pro-kpi-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.pro-kpi-tag{color:#9aa6ae;font:700 8px Arial;letter-spacing:1.35px}.pro-kpi-feature .pro-kpi-tag{color:rgba(255,255,255,.62)}.pro-kpi-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#edf5f6;color:#0f7180}.pro-kpi-mark.doctor{background:#edf7f2;color:#2d9069}.pro-kpi-mark.pharmacy{background:#fbf5e8;color:#ad7b29}.pro-kpi-mark.violet{background:#f2effb;color:#765dc1}.pro-kpi-feature .pro-kpi-mark{background:rgba(255,255,255,.12);color:#fff}.pro-kpi-mark .zicon{width:16px;height:16px}.pro-kpi>strong{display:block;margin-top:12px;color:#182833;font:800 28px/1 Arial;letter-spacing:-.7px}.pro-kpi-feature>strong{color:#fff}.pro-kpi-bottom{margin-top:8px}.pro-kpi-bottom span{color:#87939d;font-size:9px;font-weight:700}.pro-kpi-feature .pro-kpi-bottom span{color:rgba(255,255,255,.68)}.pro-kpi-bottom b{color:#2f9b70;font:800 9px Arial}.pro-kpi-bottom b.down{color:#c36b63}.pro-kpi-feature .pro-kpi-bottom b{color:#bfe8d6}.pro-kpi-progress{position:absolute;left:16px;right:16px;bottom:14px;height:4px;background:#edf1f3;border-radius:99px;overflow:hidden;direction:ltr}.pro-kpi-progress i{display:block;height:100%;border-radius:inherit;background:#3d9c78}.pro-kpi-progress.amber i{background:#b58a3b}
.pro-main-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(285px,.75fr);gap:11px;margin-bottom:11px}.pro-panel{min-width:0;background:#fff;border:1px solid var(--pro-line);border-radius:17px;box-shadow:0 8px 24px rgba(19,33,43,.032)}.pro-chart-panel{padding:18px 19px 12px}.pro-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.pro-panel-head.compact{align-items:center}.pro-panel-head h2{margin:6px 0 3px;color:#182832;font-size:16px;line-height:1.2;font-weight:800}.pro-panel-head p{margin:0;color:#98a3ab;font-size:9px}.pro-chart-stat{text-align:left;min-width:82px}.pro-chart-stat small{display:block;color:#9aa5ad;font-size:8px}.pro-chart-stat b{font:800 22px Arial;color:#142731}.pro-chart-stat em{font-style:normal;color:#9ba6ad;font-size:8px;margin-right:4px}.pro-chart{position:relative;height:280px;margin-top:9px}.pro-chart svg{width:100%;height:100%;display:block;overflow:visible}.pro-grid-line{stroke:#edf1f3;stroke-width:1}.pro-axis-label,.pro-x-label{fill:#a2adb5;font:9px Arial}.pro-area-path{fill:url(#proArea)}.pro-line-path{fill:none;stroke:#0f7180;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.pro-chart-point{fill:#fff;stroke:#0f7180;stroke-width:2;cursor:pointer;transition:r .16s ease,stroke-width .16s ease,fill .16s ease}.pro-chart-point:hover,.pro-chart-point.active,.pro-chart-point:focus{r:6;stroke-width:3;fill:#dff0f1;outline:none}.pro-chart-tooltip{position:absolute;z-index:8;min-width:120px;padding:9px 11px;background:#152c3a;color:#fff;border-radius:10px;box-shadow:0 12px 28px rgba(12,31,42,.22);pointer-events:none;font-size:9px}.pro-chart-tooltip b{display:block;color:#b9d1d7;font-size:8px}.pro-chart-tooltip strong{display:block;margin-top:3px;font:800 12px Arial}.pro-chart-footer{display:flex;justify-content:space-between;align-items:center;color:#9ba5ad;font-size:8px}.pro-chart-footer span{display:flex;align-items:center;gap:6px}.pro-chart-footer i{width:16px;height:3px;background:#0f7180;border-radius:99px}.pro-chart-footer b{font:8px Arial;direction:ltr}
.pro-insight-panel{padding:18px 17px}.pro-head-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#eef5f6;color:#0f7180}.pro-head-icon.doctor{background:#edf7f2;color:#2d9069}.pro-head-icon.hospital{background:#fbf5e8;color:#ad7b29}.pro-head-icon.grid{background:#f2effb;color:#765dc1}.pro-head-icon .zicon{width:15px;height:15px}.pro-insight-hero{margin-top:22px;padding-bottom:16px;border-bottom:1px solid #edf1f3}.pro-insight-hero span{display:block;color:#87939d;font-size:9px;font-weight:700}.pro-insight-hero strong{display:inline-block;margin-top:5px;color:#142833;font:800 34px Arial;letter-spacing:-1px}.pro-insight-hero small{display:inline-block;margin-right:7px;color:#9ba6ad;font-size:8px}.pro-dual-metrics{display:grid;grid-template-columns:1fr 1fr;margin:16px 0 11px}.pro-dual-metrics>div{text-align:center}.pro-dual-metrics>div+div{border-right:1px solid #edf1f3}.pro-dual-metrics .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:5px}.pro-dual-metrics .dot.doctor{background:#0f7180}.pro-dual-metrics .dot.pharmacy{background:#b58a3b}.pro-dual-metrics b{font:800 20px Arial;color:#20323c}.pro-dual-metrics small{display:block;margin-top:4px;color:#9aa5ad;font-size:8px}.pro-split{display:flex;height:7px;background:#eef1f2;border-radius:99px;overflow:hidden;direction:ltr}.pro-split i{background:#0f7180}.pro-split b{background:#b58a3b}.pro-result-head{display:flex;justify-content:space-between;margin-top:22px;padding-top:15px;border-top:1px solid #edf1f3;color:#63727c;font-size:9px;font-weight:700}.pro-result-head b{color:#2f9b70;font:800 9px Arial}.pro-result-list{display:grid;margin-top:10px;gap:8px}.pro-result-list div{display:flex;justify-content:space-between;align-items:center;color:#7d8992;font-size:8px}.pro-result-list span{display:flex;align-items:center;gap:6px}.pro-result-list i{width:7px;height:7px;border-radius:50%}.pro-result-list i.success{background:#2f9b70}.pro-result-list i.follow{background:#8fb7c9}.pro-result-list i.other{background:#dfe4e8}.pro-result-list b{font:800 9px Arial;color:#44535d}
/* مقارنة الزيارات — عرض كبير وتفاعلي */
.pro-visit-compare{grid-column:1/-1;padding:22px 24px;margin-top:0;background:linear-gradient(145deg,#fff,#f9fbfc);border:1px solid #e3eaed;border-radius:18px;box-shadow:0 9px 28px rgba(19,33,43,.045)}
.pro-visit-compare .pro-panel-head h2{font-size:19px;margin-top:5px}
.pro-visit-compare .pro-panel-head p{font-size:10px;line-height:1.7}
.pro-compare-total{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e1e9ec;border-radius:12px;background:#fff;color:#87939d;font-size:10px;font-weight:700;white-space:nowrap}
.pro-compare-total strong{font:800 18px Arial;color:#263e4b}
.pro-compare-bars{display:grid;gap:18px;margin-top:20px}
.pro-compare-row{position:relative;display:grid;grid-template-columns:155px minmax(0,1fr) 76px;align-items:center;gap:14px}
.pro-compare-label{display:flex;align-items:center;gap:9px;color:#50636e;font-size:12px;font-weight:800;white-space:nowrap}
.pro-compare-dot{width:11px;height:11px;border-radius:50%;background:#0f7180;box-shadow:0 0 0 4px rgba(15,113,128,.10);flex:0 0 11px}
.pro-compare-dot.other{background:#9eabb2;box-shadow:0 0 0 4px rgba(158,171,178,.12)}
.pro-compare-track{height:22px;border-radius:999px;background:#edf2f4;overflow:hidden;direction:ltr;box-shadow:inset 0 1px 2px rgba(20,45,58,.05)}
.pro-compare-fill{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,#0f7180,#4f9da7);transition:width .45s cubic-bezier(.2,.8,.2,1);cursor:help;position:relative}
.pro-compare-fill.other{background:linear-gradient(90deg,#8d9ba2,#b8c2c7)}
.pro-compare-fill:hover{filter:brightness(1.05);box-shadow:0 0 0 3px rgba(15,113,128,.10)}
.pro-compare-value{text-align:left;direction:rtl}.pro-compare-value strong{display:block;font:800 15px Arial;color:#294653}.pro-compare-value small{display:block;margin-top:3px;color:#9aa6ad;font-size:9px}
.pro-compare-tooltip{position:fixed;z-index:3000;max-width:250px;padding:10px 12px;border-radius:11px;background:#152c3a;color:#fff;box-shadow:0 14px 34px rgba(12,31,42,.24);font-size:10px;line-height:1.7;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;white-space:nowrap}
.pro-compare-tooltip.show{opacity:1;transform:translateY(0)}
.pro-compare-tooltip strong{display:block;font-size:11px;color:#fff}.pro-compare-tooltip span{color:#c6d6dc}
@media(max-width:700px){.pro-visit-compare{padding:17px 14px}.pro-compare-row{grid-template-columns:1fr auto;gap:7px}.pro-compare-label{grid-column:1}.pro-compare-value{grid-column:2;grid-row:1 / span 2}.pro-compare-track{grid-column:1/-1;height:18px}.pro-compare-total{padding:7px 9px}.pro-compare-total strong{font-size:16px}}

.pro-bento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:11px}.pro-ranking-card{padding:16px 17px;min-height:220px}.pro-rank-list{margin-top:10px}.pro-rank{display:grid;grid-template-columns:24px 31px minmax(0,1fr) 30px;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #edf1f3}.pro-rank-no{font:800 9px Arial;color:#a6b0b7}.pro-rank-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#edf5f6;color:#0f7180;font:800 11px Arial}.pro-rank-avatar.hospital{background:#fbf5e8;color:#ad7b29}.pro-rank-avatar.grid{background:#f2effb;color:#765dc1}.pro-rank-body{min-width:0}.pro-rank-body>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3a4b55;font-size:9px}.pro-rank-body>div{height:4px;margin-top:7px;background:#eef1f2;border-radius:99px;overflow:hidden;direction:ltr}.pro-rank-body i{display:block;height:100%;background:#0f7180;border-radius:inherit}.pro-rank-avatar.hospital~.pro-rank-body i{background:#b58a3b}.pro-rank-avatar.grid~.pro-rank-body i{background:#765dc1}.pro-rank>strong{text-align:left;font:800 11px Arial;color:#253640}.pro-empty{display:grid;place-items:center;min-height:100px;color:#a1abb2;font-size:9px}
.pro-bottom-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:11px}.pro-location-panel,.pro-recent-panel{padding:16px 17px}.pro-location-list{margin-top:10px}.pro-location{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;padding:10px 0;border-top:1px solid #edf1f3}.pro-location-no{font:800 9px Arial;color:#a7b0b7;padding-top:2px}.pro-location-main>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.pro-location-main b{color:#43535d;font-size:9px}.pro-location-main strong{font:800 9px Arial;color:#31424d}.pro-location-main>i{display:block;height:5px;margin-top:7px;background:#eef1f2;border-radius:99px;overflow:hidden}.pro-location-main>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0f7180,#68aab2)}.pro-view-all{display:inline-flex;align-items:center;gap:5px;color:#0f7180;font-size:9px;font-weight:800}.pro-view-all .zicon{width:12px;height:12px}.pro-activity-list{margin-top:7px}.pro-activity{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #edf1f3}.pro-activity:hover .pro-activity-icon{transform:scale(1.04)}.pro-activity-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;transition:transform .18s ease}.pro-activity-icon.doctor{background:#edf5f6;color:#0f7180}.pro-activity-icon.pharmacy{background:#fbf5e8;color:#ad7b29}.pro-activity-icon .zicon{width:15px;height:15px}.pro-activity-copy{min-width:0}.pro-activity-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#394a54;font-size:9px}.pro-activity-copy small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9aa5ad;font-size:8px}.pro-activity-time{text-align:left;min-width:88px}.pro-activity-time b{display:block;color:#72808a;font:800 8px Arial;direction:ltr}.pro-activity-time small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:105px;color:#a1abb2;font-size:8px}
@media(max-width:1200px){.pro-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr)}}
@media(max-width:900px){.zaer-dashboard-pro{padding-inline:0}.pro-hero{align-items:stretch;flex-direction:column}.pro-hero-tools{justify-content:flex-start}.pro-main-grid,.pro-bottom-grid{grid-template-columns:1fr}.pro-bento-grid{grid-template-columns:1fr}.pro-chart{height:245px}.pro-toolbar{flex-wrap:wrap}.pro-custom-wrap{margin-inline-start:0}.pro-custom{position:absolute;top:54px;left:8px;z-index:10;padding:8px;background:#fff;border:1px solid var(--pro-line);border-radius:10px;box-shadow:0 10px 25px rgba(19,33,43,.12)}}
@media(max-width:600px){.pro-kpi-grid{grid-template-columns:1fr 1fr;gap:7px}.pro-kpi{min-height:100px;padding:12px}.pro-kpi>strong{font-size:23px}.pro-kpi-bottom span{font-size:8px}.pro-kpi-progress{left:12px;right:12px;bottom:10px}.pro-toolbar-label{display:none}.pro-range{overflow:auto;max-width:100%}.pro-range a,.pro-range button{padding:0 10px}.pro-chart{height:220px}.pro-panel-head h2{font-size:14px}.pro-activity{grid-template-columns:32px minmax(0,1fr)}.pro-activity-time{grid-column:2;text-align:right}.pro-hero-copy h1{font-size:24px}}

/* Dashboard premium refinement v5: compact controls, responsive cards, light/dark harmony */
.pro-range{align-items:center;flex-wrap:wrap}
.pro-range a,.pro-range button{transition:background .18s ease,color .18s ease,transform .18s ease}
.pro-range a:active,.pro-range button:active{transform:scale(.97)}
.pro-custom-wrap:empty{display:none}
.pro-custom[hidden]{display:none!important}
.pro-custom{animation:proCustomIn .18s ease both}
@keyframes proCustomIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.pro-custom input:focus{border-color:#8dbbc1;box-shadow:0 0 0 3px rgba(15,113,128,.09)}
.pro-kpi,.pro-panel{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.pro-kpi:hover,.pro-panel:hover{box-shadow:0 14px 32px rgba(19,33,43,.065)}
.visit-delay{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}
.visit-delay.ok{background:#eaf7f0;color:#21734c}
.visit-delay.late{background:#fff0ee;color:#b04f46}
.visit-delay.neutral{background:#f1f4f5;color:#7d8992}
@media(max-width:900px){
 .pro-custom-wrap{width:100%;margin:0}
 .pro-custom{width:100%;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;padding:8px;background:var(--surface);border:1px solid var(--pro-line);border-radius:12px;box-shadow:0 10px 25px rgba(19,33,43,.10)}
 .pro-custom label{min-width:0}
 .pro-custom button{width:100%}
}
@media(max-width:600px){
 .pro-hero-tools{width:100%}
 .pro-live,.pro-period,.pro-add{flex:1;justify-content:center}
 .pro-toolbar{gap:7px}
 .pro-range{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 .pro-range a,.pro-range button{padding:0 6px;width:100%;font-size:9px}
 .pro-custom{grid-template-columns:1fr 1fr;gap:7px}
 .pro-custom button{grid-column:1/-1}
}
@media(prefers-color-scheme:dark){
 .zaer-dashboard-pro{--pro-ink:#edf3f6;--pro-muted:#9ba9b2;--pro-line:#293740;--pro-bg:#0e151a;--pro-accent:#65c2ca;--pro-accent-soft:#17343a}
 .pro-hero-copy h1{color:var(--pro-ink)}
 .pro-hero-copy h1 strong{color:#6dc5cc}
 .pro-hero-copy p,.pro-eyebrow{color:#84939d}
 .pro-toolbar,.pro-kpi:not(.pro-kpi-feature),.pro-panel,.pro-live,.pro-period,.pro-custom{background:#151f25;border-color:#293740;color:#dbe5e9}
 .pro-toolbar-label,.pro-range a,.pro-range button{color:#91a0a9}
 .pro-range a:hover,.pro-range button:hover,.pro-range .active{background:#1b353b;color:#7ed1d6}
 .pro-kpi>strong,.pro-chart-stat b,.pro-dual-metrics b{color:#edf3f6}
 .pro-kpi-bottom span,.pro-panel-head p,.pro-chart-stat small,.pro-kpi-tag,.pro-rank-body>div,.pro-rank-no,.pro-location-no{color:#8998a2}
 .pro-kpi-progress,.pro-split,.pro-rank-body>div,.pro-location-main>i{background:#26343c}
 .pro-panel-head h2,.pro-rank-body>b,.pro-location-main b{color:#e0e9ed}
 .pro-grid-line,.pro-rank,.pro-location,.pro-activity{stroke:#293740;border-color:#293740}
 .pro-axis-label,.pro-x-label{fill:#7f8f99}
 .pro-chart-tooltip{background:#e8f2f4;color:#17313b}
 .pro-chart-tooltip b,.pro-chart-tooltip small{color:#17313b}
 .pro-custom input{background:#10181d;border-color:#33434d;color:#e4edf0}
 .pro-custom button{background:#0f7180}
 .visit-delay.ok{background:#173b2c;color:#8bd8ad}.visit-delay.late{background:#422726;color:#ff9e95}.visit-delay.neutral{background:#253139;color:#9aa9b2}
}

/* Dashboard premium refinement v6: command-center visual system */
.zaer-dashboard-pro{--pro-radius:18px;--pro-shadow:0 12px 34px rgba(18,34,44,.055)}
.zaer-dashboard-pro:before{content:"";position:absolute;inset:0 0 auto;height:240px;pointer-events:none;background:radial-gradient(circle at 84% 18%,rgba(15,113,128,.075),transparent 33%),radial-gradient(circle at 18% 2%,rgba(118,93,193,.045),transparent 28%);z-index:-1}
.pro-hero{position:relative;overflow:hidden;border-radius:22px;padding:25px 26px;background:linear-gradient(135deg,#ffffff 0%,#f9fbfb 55%,#f2f8f8 100%);border:1px solid #e8eef0;box-shadow:0 16px 42px rgba(18,34,44,.06)}
.pro-hero:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;left:-85px;bottom:-105px;border:1px solid rgba(15,113,128,.09);box-shadow:0 0 0 22px rgba(15,113,128,.025),0 0 0 45px rgba(15,113,128,.018)}
.pro-eyebrow{letter-spacing:.16em;font-size:8px!important;font-weight:900!important;color:#8a969e!important}
.pro-hero-copy h1{letter-spacing:-.8px}
.pro-hero-copy p{max-width:620px}
.pro-hero-tools{position:relative;z-index:1}
.pro-live{box-shadow:inset 0 0 0 1px rgba(47,155,112,.08)}
.pro-live i{box-shadow:0 0 0 4px rgba(47,155,112,.10);animation:proPulse 2.2s ease-in-out infinite}
@keyframes proPulse{0%,100%{opacity:1;box-shadow:0 0 0 4px rgba(47,155,112,.10)}50%{opacity:.55;box-shadow:0 0 0 7px rgba(47,155,112,.025)}}
.pro-command-strip{display:grid;grid-template-columns:minmax(210px,1.45fr) repeat(3,minmax(170px,1fr));gap:9px;margin:10px 0}
.pro-command-strip>*{min-width:0}
.pro-command-intro,.pro-command-metric{min-height:72px;border:1px solid #e8eef0;border-radius:15px;background:rgba(255,255,255,.88);box-shadow:0 7px 22px rgba(18,34,44,.035)}
.pro-command-intro{display:flex;flex-direction:column;justify-content:center;padding:12px 16px}
.pro-command-intro>b{margin-top:3px;color:#253842;font-size:13px}
.pro-command-intro small{margin-top:2px;color:#9aa5ad;font-size:8px}
.pro-command-metric{display:flex;align-items:center;gap:9px;padding:11px 12px}
.pro-command-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:11px;background:#edf6f6;color:#0f7180}
.pro-command-icon.doctor{background:#eef7f2;color:#2d9069}.pro-command-icon.location{background:#f2effb;color:#765dc1}
.pro-command-icon .zicon{width:15px;height:15px}
.pro-command-metric>div{min-width:0;flex:1}.pro-command-metric small{display:block;color:#929da5;font-size:8px}.pro-command-metric strong{display:block;margin-top:2px;color:#263944;font:800 18px Arial;letter-spacing:-.4px}.pro-command-metric em{font-style:normal;white-space:nowrap;color:#98a3aa;font:700 8px Arial}.pro-command-metric em:not(.down){color:#6d8790}.pro-command-metric em.down{color:#b75c55}
.pro-kpi{position:relative;overflow:hidden;border-radius:17px!important;box-shadow:var(--pro-shadow)!important}.pro-kpi:after{content:"";position:absolute;inset:auto -28px -42px auto;width:105px;height:105px;border-radius:50%;border:1px solid rgba(15,113,128,.06);box-shadow:0 0 0 18px rgba(15,113,128,.018)}
.pro-kpi-feature{background:linear-gradient(145deg,#0f7180,#0c6573)!important;border-color:#0f7180!important;box-shadow:0 15px 34px rgba(15,113,128,.18)!important}.pro-kpi-feature:after{border-color:rgba(255,255,255,.11);box-shadow:0 0 0 18px rgba(255,255,255,.025)}
.pro-kpi:hover{transform:translateY(-2px)}
.pro-kpi-mark{box-shadow:0 6px 16px rgba(18,34,44,.05)}
.pro-main-grid{align-items:stretch}
.pro-panel{border-radius:18px!important;box-shadow:var(--pro-shadow)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.pro-panel:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(18,34,44,.075)!important}
.pro-chart-panel{overflow:hidden;position:relative}.pro-chart-panel:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#0f7180,rgba(15,113,128,.08));opacity:.9}
.pro-chart{margin-top:5px}.pro-grid-line{stroke-dasharray:3 7;stroke-width:1}.pro-chart-point{filter:drop-shadow(0 3px 5px rgba(15,113,128,.18));transition:r .18s ease,opacity .18s ease}.pro-chart-point:hover,.pro-chart-point.active{r:6;opacity:1}
.pro-chart-footer{border-top:1px solid #edf1f3!important}
.pro-insight-panel{background:linear-gradient(180deg,#fff,#fbfcfc)}
.pro-insight-hero strong{letter-spacing:-1.5px}
.pro-dual-metrics{position:relative}.pro-dual-metrics:after{content:"";position:absolute;left:50%;top:1px;bottom:1px;width:1px;background:#edf1f3}
.pro-bento-grid{margin-top:1px}.pro-ranking-card{min-height:235px;position:relative;overflow:hidden}.pro-ranking-card:after{content:"";position:absolute;top:-44px;left:-44px;width:100px;height:100px;border-radius:50%;background:rgba(15,113,128,.035)}
.pro-rank{transition:background .18s ease,transform .18s ease;border-radius:11px}.pro-rank:hover{background:#f8fafb;transform:translateX(-2px)}
.pro-rank-avatar{box-shadow:inset 0 0 0 1px rgba(15,113,128,.06)}
.pro-bottom-grid{margin-top:1px}.pro-location-panel,.pro-recent-panel{overflow:hidden;position:relative}.pro-location{transition:transform .18s ease,background .18s ease;border-radius:11px}.pro-location:hover{background:#fafcfc;transform:translateX(-2px)}
.pro-activity{transition:background .18s ease,transform .18s ease;border-radius:11px}.pro-activity:hover{background:#fafcfc;transform:translateX(-2px)}
.pro-activity-time b{direction:ltr}
.pro-view-all{padding:6px 8px;border-radius:9px;background:#f2f7f7;transition:.18s ease}.pro-view-all:hover{background:#e6f1f2;transform:translateX(-2px)}
.pro-custom-wrap{z-index:5}.pro-custom{border-radius:13px!important}
@media(max-width:1050px){.pro-command-strip{grid-template-columns:1fr 1fr}.pro-command-intro{grid-column:1/-1}.pro-hero{padding:22px}.pro-main-grid{grid-template-columns:minmax(0,1.55fr) minmax(275px,1fr)}}
@media(max-width:700px){.pro-command-strip{grid-template-columns:1fr 1fr}.pro-command-intro{grid-column:1/-1}.pro-command-metric{min-height:68px}.pro-command-metric strong{font-size:16px}.pro-hero{border-radius:17px;padding:18px}.pro-kpi-grid{gap:8px}.pro-kpi{border-radius:14px!important}.pro-ranking-card{min-height:210px}}
@media(max-width:480px){.pro-command-strip{grid-template-columns:1fr}.pro-command-intro{grid-column:auto}.pro-command-metric{min-height:64px}.pro-hero-tools{gap:6px}.pro-live,.pro-period,.pro-add{font-size:8px!important}.pro-period{padding-inline:8px!important}.pro-add{padding-inline:10px!important}.pro-kpi-grid{grid-template-columns:1fr 1fr}.pro-kpi>strong{font-size:21px}.pro-kpi-top{gap:5px}.pro-kpi-tag{font-size:7px!important}.pro-kpi-mark{width:29px!important;height:29px!important}.pro-kpi-bottom{gap:4px}.pro-kpi-bottom span{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-color-scheme:dark){
 .zaer-dashboard-pro:before{background:radial-gradient(circle at 84% 18%,rgba(101,194,202,.09),transparent 33%),radial-gradient(circle at 18% 2%,rgba(118,93,193,.07),transparent 28%)}
 .pro-hero{background:linear-gradient(135deg,#121b20 0%,#10191e 55%,#132328 100%);border-color:#293740;box-shadow:0 18px 44px rgba(0,0,0,.18)}
 .pro-command-intro,.pro-command-metric{background:#151f25;border-color:#293740;box-shadow:none}.pro-command-intro>b,.pro-command-metric strong{color:#e7eef1}.pro-command-intro small,.pro-command-metric small,.pro-command-metric em{color:#8798a1}.pro-command-icon{background:#18353a}.pro-command-icon.doctor{background:#18362c}.pro-command-icon.location{background:#28223c}
 .pro-kpi:not(.pro-kpi-feature),.pro-panel{background:#151f25!important;border-color:#293740!important}.pro-insight-panel{background:linear-gradient(180deg,#151f25,#111a1f)!important}.pro-panel-head h2,.pro-rank-body>b,.pro-location-main b{color:#e4ecef}.pro-rank:hover,.pro-location:hover,.pro-activity:hover{background:#19252b}.pro-view-all{background:#1a3439;color:#7ed1d6}.pro-view-all:hover{background:#204148}.pro-dual-metrics:after{background:#293740}.pro-command-metric em:not(.down){color:#80a8af}.pro-chart-footer{border-color:#293740!important}
}


/* ZAER Typography + filter refinement v7 */
html,body,button,input,select,textarea{font-family:"Noto Naskh Arabic Local","Segoe UI",Tahoma,Arial,sans-serif}
html{font-size:16px}
body{font-size:13px;line-height:1.65;font-weight:400;letter-spacing:0}
button,input,select,textarea{font-size:13px;line-height:1.45}
.btn{font-size:13px;font-weight:600;min-height:38px}
.btn.small{font-size:12px;min-height:34px}
label{font-size:12px;font-weight:600}
.pagehead h1{font-size:25px;line-height:1.35;font-weight:700;letter-spacing:-.25px}
.pagehead p,.muted{font-size:12px}
.cardhead h2{font-size:17px;line-height:1.45;font-weight:700}
th{font-size:12px;font-weight:700}
td{font-size:13px}
.sidebar nav a{font-size:13px;font-weight:500}
.brand{font-size:18px}.brand small{font-size:9px}
.profile summary{font-size:13px}

/* Shared range bar: one rhythm across dashboard and visits */
.pro-toolbar,.visits-range-bar{min-height:48px;display:flex;align-items:center;gap:10px;padding:4px 7px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 16px rgba(24,58,76,.035)}
.pro-toolbar{margin:0 0 13px}
.pro-toolbar-label,.visits-range-label{display:flex;align-items:center;gap:7px;padding:0 8px;color:#788792;font-size:11px;white-space:nowrap}
.pro-toolbar-label b,.visits-range-label b{font-weight:700}
.pro-toolbar-label .zicon,.visits-range-label .zicon{width:15px;height:15px;color:#0f7180}
.pro-range,.quick-ranges{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.pro-range a,.pro-range button,.quick-ranges .btn{height:36px;min-height:36px;border:0;background:transparent;border-radius:9px;padding:0 13px;color:#73818b;font-size:12px;font-weight:600;box-shadow:none}
.pro-range a:hover,.pro-range button:hover,.quick-ranges .btn:not(.active):hover{background:#f1f6f8;color:#0d6673;transform:none;box-shadow:none}
.pro-range a.active,.pro-range button.active,.quick-ranges .btn.active{background:#eaf4f5;color:#0d6673;box-shadow:none}
.pro-custom-trigger,.custom-range-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:6px}
.pro-custom-trigger .zicon,.custom-range-toggle .zicon{width:15px;height:15px;vertical-align:0;opacity:.85}
.pro-custom-trigger{padding-inline:12px!important}
.pro-custom-trigger.active,.custom-range-toggle.active{background:#0f7180!important;color:#fff!important}

/* Visits: compact two-level filter without pushing the date popover into the grid */
.visits-filter-card{position:relative;padding:10px 10px 12px!important}
.visits-range-bar{position:relative;margin:0 0 10px;box-shadow:none;background:#fbfcfd}
.visits-custom-shell{position:relative}
.visits-custom-shell .custom-popover{position:absolute;top:44px;right:0;z-index:80;width:360px;max-width:calc(100vw - 32px);display:block;margin:0;padding:14px!important;border:1px solid #dbe5e9!important;border-radius:14px!important;background:var(--surface,#fff)!important;box-shadow:0 18px 42px rgba(20,50,68,.16)!important}
.visits-custom-shell .custom-popover[hidden]{display:none!important}
.visits-custom-shell .custom-popover form{display:block!important;margin:0}
.visits-custom-shell .custom-popover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;color:var(--text)}
.visits-custom-shell .custom-popover-head strong{font-size:13px;font-weight:700}
.visits-custom-shell .custom-close{width:30px;height:30px;min-height:30px;padding:0!important;border:0;background:transparent!important;color:#8b99a2;box-shadow:none!important;transform:none!important}
.visits-custom-shell .custom-close .zicon{width:16px;height:16px;margin:0}
.visits-custom-shell .custom-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.visits-custom-shell .custom-date-grid label{font-size:10px;color:#72818b;font-weight:600}
.visits-custom-shell .custom-date-grid input{height:36px;margin-top:5px;padding:7px 8px;font-size:11px}
.visits-custom-shell .custom-actions{display:flex;gap:7px;margin-top:11px}
.visits-custom-shell .custom-actions .btn{flex:1}
.visits-search-form{display:grid!important;grid-template-columns:minmax(220px,2fr) minmax(145px,1fr) minmax(155px,1fr) minmax(205px,1.2fr) auto!important;gap:9px!important;align-items:end}
.visits-search-form input,.visits-search-form select{height:40px;margin-top:0;font-size:12px}
.visits-search-form .btn{height:40px;min-height:40px}

/* Home: the range row is the single quick-control row; no duplicate snapshot strip */
.zaer-dashboard-pro .pro-toolbar{margin-top:0}
.zaer-dashboard-pro .pro-hero{margin-bottom:10px}
.zaer-dashboard-pro .pro-kpi-grid{margin-top:0}
.pro-command-strip{display:none!important}

/* Normalize the premium dashboard text scale */
.zaer-dashboard-pro{font-size:13px}
.zaer-dashboard-pro .pro-hero-copy h1{font-size:27px;line-height:1.35;font-weight:700}
.zaer-dashboard-pro .pro-hero-copy p{font-size:12px;line-height:1.7}
.zaer-dashboard-pro .pro-eyebrow{font-size:8px!important}
.zaer-dashboard-pro .pro-kpi-tag{font-size:9px!important}
.zaer-dashboard-pro .pro-kpi-bottom span,.zaer-dashboard-pro .pro-kpi-bottom b{font-size:11px}
.zaer-dashboard-pro .pro-panel-head h2{font-size:17px}
.zaer-dashboard-pro .pro-panel-head p{font-size:11px}
.zaer-dashboard-pro .pro-rank-body>b,.zaer-dashboard-pro .pro-location-main b{font-size:13px}
.zaer-dashboard-pro .pro-rank-body>div,.zaer-dashboard-pro .pro-location-no{font-size:11px}
.zaer-dashboard-pro .pro-activity{font-size:12px}

@media(max-width:900px){
 .visits-range-bar{align-items:stretch;flex-direction:column;gap:5px;padding:7px}
 .visits-range-label{padding:0 4px}
 .quick-ranges{width:100%}
 .quick-ranges .btn,.custom-range-toggle{flex:1}
 .visits-search-form{grid-template-columns:1fr 1fr!important}
 .visits-custom-shell .custom-popover{right:auto;left:0}
}
@media(max-width:600px){
 .pagehead h1{font-size:23px}
 .btn{font-size:12px}
 .visits-range-label{font-size:10px}
 .quick-ranges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
 .quick-ranges .btn{padding:0 6px;font-size:10px}
 .visits-search-form{grid-template-columns:1fr!important}
 .visits-custom-shell .custom-popover{width:min(320px,calc(100vw - 28px));right:0;left:auto}
 .visits-custom-shell .custom-date-grid{grid-template-columns:1fr}
 .zaer-dashboard-pro .pro-hero-copy h1{font-size:24px}
}

@media(prefers-color-scheme:dark){
 .pro-toolbar,.visits-range-bar{background:#151f25;border-color:#293740}
 .pro-toolbar-label,.visits-range-label,.pro-range a,.pro-range button,.quick-ranges .btn{color:#91a0a9}
 .pro-range a:hover,.pro-range button:hover,.quick-ranges .btn:not(.active):hover{background:#1b353b;color:#7ed1d6}
 .pro-range a.active,.pro-range button.active,.quick-ranges .btn.active{background:#1b353b;color:#7ed1d6}
 .visits-custom-shell .custom-popover{background:#151f25!important;border-color:#293740!important;box-shadow:0 18px 42px rgba(0,0,0,.28)!important}
 .visits-custom-shell .custom-popover-head strong,.visits-custom-shell .custom-date-grid label{color:#dbe5e9}
 .visits-custom-shell .custom-date-grid input{background:#10181d;border-color:#33434d;color:#e4edf0}
 .visits-custom-shell .custom-close{color:#9ba9b2}
}

/* System management — refined print/column chooser */
.print-menu-wrap{z-index:40}
.print-columns{min-height:38px;padding-inline:12px!important;border-radius:10px!important;font-size:12px!important;font-weight:700!important}
.print-menu{min-width:230px;padding:7px;border-radius:14px;box-shadow:0 18px 48px rgba(18,36,52,.18);backdrop-filter:blur(10px);animation:zaerMenuIn .16s ease-out}
.print-menu button{min-height:40px;padding:9px 11px;border-radius:10px;font-size:12px;font-weight:700}
.print-menu button .zicon{width:16px;height:16px;vertical-align:-3px}
@keyframes zaerMenuIn{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.modal-backdrop{backdrop-filter:blur(3px);background:rgba(8,22,34,.42);animation:zaerModalFade .16s ease-out}
.modal-backdrop .modal{animation:zaerModalIn .2s cubic-bezier(.2,.8,.2,1)}
@keyframes zaerModalFade{from{opacity:0}to{opacity:1}}
@keyframes zaerModalIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.column-chooser-modal{width:min(680px,94vw)!important;max-height:min(82vh,760px)!important;padding:0!important;overflow:hidden!important;border:1px solid var(--line,#dce4ea);box-shadow:0 30px 90px rgba(10,28,43,.24)!important}
.column-chooser-modal .modal-head{padding:18px 20px 14px;margin:0;background:linear-gradient(180deg,var(--surface,#fff),var(--soft,#f8fafb));border-bottom:1px solid var(--line,#e6edf1)}
.column-chooser-modal .modal-head h2{font-size:18px;line-height:1.5}
.column-chooser-modal .modal-head .metric-note{margin:3px 0 0;font-size:11px;line-height:1.7}
.column-chooser-modal .column-chooser-actions{padding:12px 20px;margin:0;border-bottom:1px solid var(--line,#e6edf1);background:var(--surface,#fff)}
.column-selected-count{font-size:11px;font-weight:800;color:var(--primary,#0f7180);padding:7px 10px;border-radius:999px;background:rgba(15,113,128,.08);white-space:nowrap}
.column-save-note{font-size:10px!important}
.column-chooser-modal .column-options{padding:15px 20px;max-height:48vh;overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.column-option{position:relative;min-height:50px;padding:10px 12px!important;border-radius:13px!important;background:var(--surface,#fff)!important;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;}
.column-option:hover{transform:translateY(-1px);border-color:#b8cbd3!important;box-shadow:0 5px 16px rgba(24,58,76,.06)}
.column-option.is-selected{border-color:rgba(15,113,128,.38)!important;background:rgba(15,113,128,.045)!important}
.column-option-check{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:7px;background:var(--soft,#f3f7f8)}
.column-option-check input{width:15px;height:15px;accent-color:#0f7180}
.column-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important;font-weight:700!important;color:var(--text,#173042)}
.column-option-state{font-size:9px!important;font-weight:700;color:#7d8b94;white-space:nowrap}
.column-option.is-selected .column-option-state{color:#0f7180}
.column-option.disabled{opacity:.48!important;background:var(--soft,#f5f7f8)!important}
.column-chooser-modal>.form-actions{padding:12px 20px 16px;margin:0;border-top:1px solid var(--line,#e6edf1);background:var(--surface,#fff);justify-content:flex-start}
.column-chooser-modal>.form-actions .btn{min-width:100px}
@media(max-width:700px){
  .column-chooser-modal .column-options{grid-template-columns:1fr;padding:12px 14px;max-height:52vh}
  .column-chooser-modal .modal-head{padding:15px 16px 12px}
  .column-chooser-modal .column-chooser-actions{padding:10px 16px;flex-wrap:wrap}
  .column-chooser-modal>.form-actions{padding:10px 16px 14px}
  .column-selected-count{order:3;width:100%;text-align:center}
}
@media(prefers-color-scheme:dark){
  .print-menu{background:#151f25;border-color:#2c3b43;box-shadow:0 20px 50px rgba(0,0,0,.35)}
  .print-menu button{color:#d9e4e8}
  .print-menu button:hover{background:#1b3038;color:#86d6da}
  .column-chooser-modal .modal-head{background:linear-gradient(180deg,#172329,#151f25)}
  .column-chooser-modal .column-options{background:#10181d}
  .column-option{background:#151f25!important;border-color:#2c3b43!important}
  .column-option:hover{border-color:#3d5964!important}
  .column-option.is-selected{background:rgba(45,154,160,.1)!important;border-color:rgba(89,194,199,.42)!important}
  .column-option-check{background:#1d2a30}
  .column-option-label{color:#e2ecef}
  .column-option-state{color:#91a0a9}
}

/* Visits sorting control */
.visits-search-form select[name="sort"]{min-width:205px}
@media(max-width:900px){.visits-search-form select[name="sort"]{min-width:0}}

/* ZAER refined typography + filters v6 */
html{font-size:16px;font-family:"Noto Naskh Arabic Local",Tahoma,Arial,sans-serif}
html[lang="en"]{font-family:"Segoe UI",Arial,sans-serif}
body,button,input,select,textarea{font-family:"Noto Naskh Arabic Local",Tahoma,Arial,sans-serif}
body{font-size:14px;line-height:1.7}
.topbar,.sidebar,.content{font-size:14px}
.pagehead h1{font-size:24px;line-height:1.45}
.pagehead p,.metric-note,.chart-subtitle{font-size:12px}
.btn{font-size:13px;line-height:1.45}
label{font-size:13px}
input,select,textarea{font-size:13px;padding:10px 12px}
th,td{font-size:12px}
.manage-sortbar{display:flex;align-items:center;justify-content:flex-start;gap:9px;margin:10px 0 8px;padding:8px 10px;border:1px solid var(--line,#dfe7ec);border-radius:12px;background:var(--soft,#f7fafb)}
.manage-sort-title{display:inline-flex;align-items:center;gap:6px;color:var(--muted,#72808a);font-size:11px;font-weight:800;white-space:nowrap}
.manage-sort-title .zicon{width:15px;height:15px;vertical-align:0}
.manage-sortbar select{min-width:210px;width:auto;margin:0;padding:8px 34px 8px 10px;border-radius:9px;background:var(--surface,#fff);font-size:11px;font-weight:700}
.print-menu button[data-print-action="excel"]{font-weight:800}
.print-menu button[data-print-action="excel"] .zicon{width:15px;height:15px;vertical-align:-3px}
.print-menu-wrap{z-index:50}
.print-menu{min-width:225px;padding:6px;border-radius:13px}
.print-menu button{min-height:42px;font-size:12px}
.column-chooser-modal{width:min(720px,94vw)!important;max-height:min(86vh,780px)!important}
.column-chooser-modal .column-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:52vh}
.column-option{min-height:48px;padding:10px 12px;border-radius:11px}
.column-option-label{font-size:12px;font-weight:800}
.column-option-state{font-size:10px}
.column-save-note{font-size:10px}
.pro-toolbar{align-items:flex-end}
.pro-range{padding:4px;border:1px solid var(--line,#dfe7ec);border-radius:12px;background:var(--surface,#fff);box-shadow:0 7px 18px rgba(18,43,58,.05);transform:translateY(-2px)}
.pro-range a,.pro-range button,.quick-ranges .btn{font-size:12px;min-height:34px;height:34px;padding:0 13px}
.pro-toolbar-label{padding-bottom:6px}
.visits-range-bar{align-items:flex-end!important}
.visits-range-bar .quick-ranges{padding:4px;border:1px solid var(--line,#dfe7ec);border-radius:12px;background:var(--surface,#fff);box-shadow:0 7px 18px rgba(18,43,58,.05);transform:translateY(-2px)}
.visits-range-label{padding-bottom:7px}
.entity-results{max-height:300px}
.entity-option{min-height:45px}
@media(max-width:700px){.manage-sortbar{align-items:stretch;flex-direction:column}.manage-sortbar select{width:100%}.column-chooser-modal .column-options{grid-template-columns:1fr}.pro-range,.visits-range-bar .quick-ranges{width:100%;justify-content:center}.pro-toolbar{align-items:stretch}.pro-toolbar-label{padding-bottom:0}.visits-range-bar{align-items:stretch!important}.visits-range-label{padding-bottom:0}.pro-range a,.pro-range button,.quick-ranges .btn{flex:1;min-width:0}}

/* Unified print frame for reports and dashboard summaries */
@media print{
  .report{border:1px solid #9fb1ba!important;border-radius:0!important;padding:16px!important;background:#fff!important}
  .zaer-dashboard-pro{border:1px solid #9fb1ba;padding:14px;background:#fff}
  .zaer-dashboard-pro .pro-panel,.zaer-dashboard-pro .pro-kpi{box-shadow:none}
  .report table thead{display:table-header-group}
  .report table tr{break-inside:avoid}
}

/* Final typography and range alignment */
html{font-size:16px!important;font-family:"Noto Naskh Arabic Local",Tahoma,Arial,sans-serif!important}
body,button,input,select,textarea{font-family:"Noto Naskh Arabic Local",Tahoma,Arial,sans-serif!important;font-size:16px}
body{font-size:16px!important}
.btn{font-size:14px!important}
label{font-size:15px!important}
input,select,textarea{font-size:15px!important;padding:10px 12px}
th,td{font-size:14px!important}
.pro-toolbar{align-items:center!important}
.pro-toolbar-label{padding:0 8px!important;align-self:center!important}
.pro-range{transform:none!important;align-items:center!important}
.pro-range a,.pro-range button,.quick-ranges .btn{font-size:14px!important;height:36px!important;min-height:36px!important;line-height:36px!important}
.visits-range-bar{align-items:center!important}
.visits-range-label{padding:0 8px!important;align-self:center!important}
.visits-range-bar .quick-ranges{transform:none!important;align-items:center!important}
.manage-sortbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:9px 11px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.manage-sort-title{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text)}
.manage-sort-title .zicon{width:16px;height:16px;color:var(--primary)}
.manage-sortbar select{min-width:235px;width:auto;margin:0}
.report-print-meta{display:flex!important;align-items:center;gap:22px;margin:-4px 0 12px;padding:8px 11px;border:1px solid #d7e2e8;border-radius:9px;background:#f5f8fa;font-size:10px;color:#52677a}
.report-print-meta b{color:#173042}
@media print{
  body::before{content:"";position:fixed;inset:4mm;border:1.2px solid #8ea3ad;pointer-events:none;z-index:2147483647}
  .report{border:0!important;padding:12mm 8mm 10mm!important;border-radius:0!important}
  .report-company{margin-bottom:8px!important}
  .report-print-meta{display:flex!important;margin-bottom:10px;padding:7px 9px;border:1px solid #ccd9df;background:#f7fafb}
}
@media(max-width:700px){.manage-sortbar{align-items:stretch;flex-direction:column}.manage-sortbar select{width:100%;min-width:0}.pro-toolbar{align-items:stretch!important}.pro-toolbar-label{padding:0!important}.pro-range,.visits-range-bar .quick-ranges{transform:none!important}.pro-range a,.pro-range button,.quick-ranges .btn{font-size:13px!important}.report-print-meta{flex-direction:column;align-items:flex-start;gap:4px}}

/* =========================================================
   ZAER Mobile UX Final Pass — phone-first layout
   ========================================================= */
html,body{overflow-x:hidden;max-width:100%}
button,a,input,select,textarea{touch-action:manipulation}

@media(max-width:700px){
  /* Header: compact, stable and touch friendly */
  .topbar{
    height:64px;
    padding:0 8px;
    gap:4px;
    padding-top:env(safe-area-inset-top,0px);
  }
  .iconbtn{width:40px;height:40px;min-width:40px;margin-left:4px;border-radius:12px}
  .brand{gap:6px;min-width:0}
  .brand-logo{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important}
  .brand b{font-size:16px;white-space:nowrap}
  .top-actions{gap:5px;min-width:0}
  .profile summary{padding:3px}
  .avatar{width:38px;height:38px}
  .notification-popover{flex:0 0 auto}
  .bell{width:40px;height:40px;padding:8px}
  .notification-menu{
    position:fixed;
    top:72px;
    left:10px;
    right:10px;
    width:auto;
    max-height:calc(100dvh - 84px);
    overflow:auto;
    border-radius:16px;
  }
  .profile .menu{
    position:fixed;
    top:72px;
    left:10px;
    right:10px;
    width:auto;
    min-width:0;
    padding:8px;
    border-radius:16px;
    box-shadow:0 20px 55px rgba(14,38,55,.18);
  }
  .profile .menu a{padding:13px 14px;font-size:14px;min-height:46px;display:flex;align-items:center}

  /* Mobile drawer */
  .sidebar{
    top:64px;
    width:min(238px,72vw);
    padding:14px 10px 24px;
    border-left:1px solid var(--line);
  }
  .sidebar nav a{min-height:46px;padding:11px 12px;font-size:13px;margin:3px 0}
  .sidebar-overlay{inset:64px 0 0 0!important}

  /* Page rhythm */
  .content{padding:80px 10px 28px;min-width:0;overflow:visible}
  .pagehead{gap:10px;margin-bottom:12px}
  .pagehead h1{font-size:22px;line-height:1.45}
  .pagehead p{font-size:12px;line-height:1.7}
  .card{padding:12px;border-radius:14px}
  input,select,textarea{min-height:42px;font-size:13px}
  .btn{min-height:42px;padding:9px 12px;font-size:12px}

  /* Login: prevent automatic keyboard jump and keep the card inside the viewport */
  .login-page{min-height:100svh;overflow-x:hidden;background:var(--bg)}
  .login-shell{min-height:100svh;display:flex;align-items:flex-start;justify-content:center;padding:18px 12px 28px}
  .login-form-side{width:100%;min-height:auto;padding:0;display:block}
  .login-card{width:100%;max-width:430px;margin:0 auto;padding:18px 16px 17px;border-radius:18px}
  .login-mobile-brand{margin:0 auto 12px;display:flex;justify-content:center}
  .login-mobile-brand .company-logo{width:min(148px,48vw);height:auto;max-height:82px;object-fit:contain}
  .login-heading{margin-bottom:18px}
  .login-heading h2{font-size:22px;line-height:1.45}
  .login-heading p{font-size:12px}
  .login-form label{font-size:13px;margin-bottom:12px}
  .login-form .field-icon input{height:48px;font-size:14px}
  .login-submit{height:48px;margin-top:5px}
  .login-submit b{font-size:17px}
  .login-security{margin-top:15px;padding-top:13px}

  /* Dashboard: no horizontal squeezing */
  .zaer-dashboard-pro{width:100%;min-width:0;padding-inline:0}
  .zaer-dashboard-pro .pro-hero{padding:16px;border-radius:16px;margin-bottom:9px}
  .zaer-dashboard-pro .pro-hero-copy h1{font-size:23px;line-height:1.45;margin-bottom:4px}
  .zaer-dashboard-pro .pro-hero-copy p{font-size:11px;line-height:1.7}
  .zaer-dashboard-pro .pro-hero-tools{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:6px;margin-top:9px}
  .zaer-dashboard-pro .pro-live,.zaer-dashboard-pro .pro-period,.zaer-dashboard-pro .pro-add{min-height:44px!important;height:auto!important;font-size:11px!important;padding:8px 9px!important;justify-content:center}
  .zaer-dashboard-pro .pro-kpi-grid{grid-template-columns:1fr 1fr!important;gap:7px}
  .zaer-dashboard-pro .pro-kpi{min-height:96px;padding:11px;border-radius:14px!important}
  .zaer-dashboard-pro .pro-kpi>strong{font-size:22px}
  .zaer-dashboard-pro .pro-kpi-tag{font-size:8px!important;letter-spacing:1px}
  .zaer-dashboard-pro .pro-kpi-bottom span,.zaer-dashboard-pro .pro-kpi-bottom b{font-size:9px}
  .zaer-dashboard-pro .pro-main-grid,.zaer-dashboard-pro .pro-bottom-grid,.zaer-dashboard-pro .pro-bento-grid{grid-template-columns:1fr!important}
  .zaer-dashboard-pro .pro-panel{min-width:0;overflow:hidden}
  .zaer-dashboard-pro .pro-chart{height:205px}

  /* Range controls: two clean rows, equal height, no wrapped labels */
  .zaer-dashboard-pro .pro-toolbar{display:block;padding:7px;margin-bottom:9px;border-radius:13px}
  .zaer-dashboard-pro .pro-toolbar-label{display:flex;padding:0 4px 6px;font-size:10px}
  .zaer-dashboard-pro .pro-range{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px;
    width:100%;
    max-width:none;
    padding:4px;
    overflow:visible;
    border-radius:11px;
  }
  .zaer-dashboard-pro .pro-range a,.zaer-dashboard-pro .pro-range button{
    width:100%;
    min-width:0;
    height:38px!important;
    min-height:38px!important;
    padding:0 5px!important;
    font-size:11px!important;
    line-height:38px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  /* Visits range and custom dates */
  .visits-filter-card{padding:9px!important;overflow:visible!important}
  .visits-range-bar{display:block!important;padding:7px!important;border-radius:13px!important;overflow:visible!important}
  .visits-range-label{display:flex!important;padding:0 3px 6px!important;font-size:10px!important}
  .visits-range-bar .quick-ranges{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px;
    width:100%!important;
    padding:4px;
    overflow:visible;
    border-radius:11px;
  }
  .visits-range-bar .quick-ranges .btn,.visits-range-bar .custom-range-toggle{
    width:100%;min-width:0;min-height:38px!important;height:38px!important;
    padding:0 5px!important;font-size:11px!important;line-height:38px!important;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
  .visits-custom-shell .custom-popover{
    position:fixed!important;
    top:74px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 88px)!important;
    overflow:auto!important;
    border-radius:16px!important;
    z-index:500!important;
    padding:15px!important;
  }
  .visits-custom-shell .custom-date-grid{grid-template-columns:1fr 1fr!important}
  .visits-custom-shell .custom-date-grid input{height:42px;font-size:12px}
  .visits-custom-shell .custom-actions .btn{min-height:42px}

  /* Tables and management tools */
  .tablewrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}
  table{min-width:680px}
  .manage-tools{width:100%;max-width:100%}
  .manage-sortbar{width:100%;gap:7px}
  .manage-sortbar select{min-height:42px}
  .print-menu{position:fixed;left:10px;right:10px;bottom:10px;top:auto;width:auto;min-width:0;border-radius:16px;padding:8px;z-index:700}
  .print-menu button{min-height:46px;font-size:13px}

  /* Modals / alerts / column chooser */
  .modal-backdrop{padding:10px}
  .modal-card{width:100%;max-height:calc(100dvh - 20px);border-radius:16px;padding:14px}
  .column-chooser-modal{width:100%!important;max-height:calc(100dvh - 20px)!important;border-radius:16px!important}
  .column-chooser-modal .modal-head h2{font-size:16px}
  .column-chooser-modal .column-options{max-height:52dvh!important}
  .manager-alert{padding:12px}
  .manager-alert-box{width:100%;padding:22px 16px;border-radius:16px}

  /* Forms and detail grids */
  .grid2,.detailgrid,.account-grid,.product-grid,.permission-grid,.dashboard-grid{grid-template-columns:1fr!important}
  .form-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .form-actions .btn{width:100%}
}

@media(max-width:420px){
  .topbar{padding-inline:6px}
  .iconbtn,.bell{width:38px;height:38px;min-width:38px}
  .brand-logo{width:35px!important;height:35px!important;max-width:35px!important;max-height:35px!important}
  .brand b{font-size:15px}
  .top-actions{gap:3px}
  .content{padding-inline:8px}
  .login-shell{padding:12px 9px 22px}
  .login-card{padding:16px 13px}
  .login-mobile-brand .company-logo{width:138px}
  .login-heading h2{font-size:20px}
  .zaer-dashboard-pro .pro-hero-copy h1{font-size:21px}
  .zaer-dashboard-pro .pro-live,.zaer-dashboard-pro .pro-period,.zaer-dashboard-pro .pro-add{font-size:10px!important}
  .zaer-dashboard-pro .pro-kpi{min-height:92px}
  .zaer-dashboard-pro .pro-kpi>strong{font-size:20px}
  .zaer-dashboard-pro .pro-range a,.zaer-dashboard-pro .pro-range button,.visits-range-bar .quick-ranges .btn,.visits-range-bar .custom-range-toggle{font-size:10px!important}
  .visits-custom-shell .custom-date-grid{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* =========================================================
   ZAER MOBILE-FIRST v2 — final structural pass
   الهدف: منع التداخل والقص والـoverflow على الهواتف، لا مجرد تصغير العناصر.
   ========================================================= */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
body{overflow-x:clip}
.range-short{display:none}

@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  .shell,.content,.zaer-dashboard-pro,.card,.pro-panel,.pro-kpi{min-width:0;max-width:100%}
  .content{width:100%;padding:76px 10px 28px!important;overflow:visible!important}

  /* رأس الهاتف: مساحات ثابتة تمنع انكماش عناصر التحكم */
  .topbar{height:64px!important;padding:0 8px!important;padding-top:env(safe-area-inset-top,0px)!important;gap:5px!important}
  .topbar .iconbtn,.topbar .bell{width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;margin:0!important}
  .topbar .brand{min-width:0;flex:1 1 auto;justify-content:flex-end;gap:7px;overflow:hidden}
  .topbar .brand-logo{width:37px!important;height:37px!important;min-width:37px!important;max-width:37px!important}
  .topbar .brand b{font-size:16px;line-height:1.1}
  .top-actions{margin-inline-start:auto;margin-inline-end:0;gap:5px!important;min-width:0;flex:0 0 auto}
  .top-actions .profile{order:3}
  .top-actions .notification-popover{order:2}
  .top-actions .global-search{order:1}
  .global-search{width:40px!important;margin:0!important;flex:0 0 40px}
  .global-search form,.global-search input{width:40px!important}
  .global-search:focus-within,.global-search.expanded{position:absolute;left:8px;right:8px;width:auto!important;z-index:220}
  .global-search:focus-within form,.global-search.expanded form,.global-search:focus-within input,.global-search.expanded input{width:100%!important}
  .profile summary{padding:2px!important}
  .avatar{width:40px!important;height:40px!important}

  /* القائمة الجانبية: عرض ثابت ومحتوى قابل للتمرير بدون تغطية الصفحة بالكامل */
  .sidebar{top:64px!important;width:min(286px,82vw)!important;padding:12px 10px 24px!important;overflow-y:auto!important;overscroll-behavior:contain}
  .sidebar nav a{min-height:46px!important;padding:10px 12px!important;margin:3px 0!important;font-size:14px!important}
  .sidebar-overlay{inset:64px 0 0!important}
  body.modal-open,.sidebar.open~*{overscroll-behavior:none}

  /* Dashboard hero */
  .zaer-dashboard-pro{padding:0!important;width:100%!important}
  .zaer-dashboard-pro .pro-hero{width:100%;padding:16px 14px!important;margin-bottom:10px!important;border-radius:18px!important;display:block!important}
  .zaer-dashboard-pro .pro-hero-copy{width:100%;min-width:0;text-align:right}
  .zaer-dashboard-pro .pro-hero-copy h1{font-size:22px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere}
  .zaer-dashboard-pro .pro-hero-copy p{font-size:11px!important;line-height:1.8!important;white-space:normal}
  .zaer-dashboard-pro .pro-hero-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;width:100%!important;margin-top:12px!important}
  .zaer-dashboard-pro .pro-live,.zaer-dashboard-pro .pro-period,.zaer-dashboard-pro .pro-add{width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;padding:6px 7px!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-content:center}
  .zaer-dashboard-pro .pro-add{grid-column:1/-1;order:3}

  /* نطاق العرض: أربعة أزرار متساوية في سطر واحد على الهاتف */
  .zaer-dashboard-pro .pro-toolbar{display:block!important;width:100%!important;padding:8px!important;margin:0 0 10px!important;border-radius:15px!important;overflow:visible!important}
  .zaer-dashboard-pro .pro-toolbar-label{display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:0 3px 7px!important;font-size:11px!important;height:auto!important;line-height:1.4!important}
  .zaer-dashboard-pro .pro-range{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;width:100%!important;max-width:none!important;padding:4px!important;overflow:visible!important;border-radius:11px!important}
  .zaer-dashboard-pro .pro-range>a,.zaer-dashboard-pro .pro-range>button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:0 2px!important;margin:0!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border-radius:9px!important}
  .zaer-dashboard-pro .pro-range .zicon{width:13px!important;height:13px!important;flex:0 0 13px!important;margin-inline-end:3px!important}
  .range-full{display:none!important}.range-short{display:inline!important}

  /* تخصيص الرئيسية: يبقى داخل التدفق ولا يغطي بطاقات الإحصائيات */
  .zaer-dashboard-pro .pro-custom-wrap{position:static!important;width:100%!important;margin:6px 0 0!important}
  .zaer-dashboard-pro .pro-custom{position:static!important;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:1fr 1fr auto!important;gap:6px!important;padding:8px!important;border:1px solid var(--pro-line)!important;border-radius:12px!important;box-shadow:none!important}
  .zaer-dashboard-pro .pro-custom label{min-width:0;font-size:10px!important}
  .zaer-dashboard-pro .pro-custom input{width:100%!important;min-width:0!important;height:40px!important}
  .zaer-dashboard-pro .pro-custom button{min-height:40px!important;padding:0 10px!important;font-size:10px!important}

  /* البطاقات: عمودان فقط للـ KPI، وكل بقية الأقسام عمود واحد فعليًا */
  .zaer-dashboard-pro .pro-kpi-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  .zaer-dashboard-pro .pro-kpi{width:100%!important;min-width:0!important;min-height:98px!important;padding:11px!important;overflow:hidden!important}
  .zaer-dashboard-pro .pro-kpi>strong{font-size:22px!important;line-height:1.1!important}
  .zaer-dashboard-pro .pro-kpi-tag{font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .zaer-dashboard-pro .pro-kpi-bottom{gap:4px!important;min-width:0}
  .zaer-dashboard-pro .pro-kpi-bottom span{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .zaer-dashboard-pro .pro-main-grid,.zaer-dashboard-pro .pro-bento-grid,.zaer-dashboard-pro .pro-bottom-grid{display:block!important;width:100%!important;min-width:0!important}
  .zaer-dashboard-pro .pro-main-grid>.pro-panel,.zaer-dashboard-pro .pro-bento-grid>.pro-panel,.zaer-dashboard-pro .pro-bottom-grid>.pro-panel{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0 0 9px!important}
  .zaer-dashboard-pro .pro-panel{overflow:hidden!important}
  .zaer-dashboard-pro .pro-chart-panel{padding:14px 12px 10px!important}
  .zaer-dashboard-pro .pro-chart{height:205px!important;max-width:100%!important;overflow:hidden!important}
  .zaer-dashboard-pro .pro-chart svg{max-width:100%!important}
  .zaer-dashboard-pro .pro-insight-panel{padding:14px 12px!important}
  .zaer-dashboard-pro .pro-insight-hero strong{font-size:30px!important}
  .zaer-dashboard-pro .pro-ranking-card,.zaer-dashboard-pro .pro-location-panel,.zaer-dashboard-pro .pro-recent-panel{padding:14px 12px!important;min-height:0!important}
  .zaer-dashboard-pro .pro-panel-head{gap:8px!important;min-width:0}
  .zaer-dashboard-pro .pro-panel-head h2{font-size:17px!important;line-height:1.5!important}
  .zaer-dashboard-pro .pro-eyebrow{font-size:8px!important;letter-spacing:1px!important}
  .zaer-dashboard-pro .pro-rank{grid-template-columns:24px 34px minmax(0,1fr) 32px!important;gap:7px!important}
  .zaer-dashboard-pro .pro-rank-body>b{font-size:10px!important}
  .zaer-dashboard-pro .pro-location-main b{font-size:10px!important}
  .zaer-dashboard-pro .pro-activity{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important}
  .zaer-dashboard-pro .pro-activity-time{grid-column:2!important;text-align:right!important;min-width:0!important}

  /* زيارات: نطاق العرض والنافذة المخصصة داخل التدفق */
  .visits-filter-card{width:100%!important;padding:8px!important;overflow:visible!important}
  .visits-range-bar{display:block!important;width:100%!important;padding:7px!important;overflow:visible!important}
  .visits-range-label{display:flex!important;align-items:center!important;padding:0 3px 7px!important;font-size:11px!important;line-height:1.4!important}
  .visits-range-bar .quick-ranges{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;width:100%!important;padding:4px!important;overflow:visible!important}
  .visits-range-bar .quick-ranges>.btn,.visits-range-bar .custom-range-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:0 2px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border-radius:9px!important}
  .visits-range-bar .quick-ranges .zicon{width:13px!important;height:13px!important;flex:0 0 13px!important;margin-inline-end:2px!important}
  .visits-custom-shell{position:static!important;display:block!important;width:100%!important;min-width:0!important}
  .visits-custom-shell .custom-popover{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;margin:6px 0 0!important;padding:11px!important;border-radius:13px!important;box-shadow:none!important}
  .visits-custom-shell .custom-popover form{width:100%!important}
  .visits-custom-shell .custom-date-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .visits-custom-shell .custom-date-grid label{font-size:10px!important}
  .visits-custom-shell .custom-date-grid input{height:40px!important;font-size:12px!important;width:100%!important}
  .visits-custom-shell .custom-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .visits-custom-shell .custom-actions .btn{width:100%!important;min-height:40px!important;font-size:11px!important}
  .visits-search-form{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important}
  .visits-search-form input{grid-column:1/-1!important;width:100%!important}
  .visits-search-form .btn{width:100%!important}
  .tablewrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .tablewrap table{min-width:760px!important}

  /* النوافذ المنبثقة: لا تتجاوز الشاشة ولا تثبت نفسها فوق المحتوى */
  .modal-backdrop{padding:8px!important;align-items:center!important}
  .modal-card,.column-chooser-modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:16px!important}
  .column-chooser-modal .column-options{max-height:50dvh!important;overflow:auto!important}
  .notification-menu,.profile .menu{position:fixed!important;left:8px!important;right:8px!important;top:72px!important;width:auto!important;max-width:none!important}

  /* النماذج العامة */
  .pagehead{display:block!important;margin-bottom:12px!important}
  .pagehead h1{font-size:22px!important;line-height:1.45!important}
  .pagehead p{font-size:11px!important}
  .pagehead .visit-type-switch{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin-top:9px!important}
  .pagehead .visit-type-switch>*{width:100%!important;min-width:0!important}
  .grid2,.detailgrid,.account-grid,.product-grid,.permission-grid,.dashboard-grid{grid-template-columns:1fr!important}
  .form-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .form-actions>*{width:100%!important;min-width:0!important}
  input,select,textarea{max-width:100%;font-size:13px!important}
}

@media(max-width:360px){
  .content{padding-inline:8px!important}
  .topbar{padding-inline:6px!important}
  .topbar .iconbtn,.topbar .bell{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}
  .topbar .brand-logo{width:34px!important;height:34px!important;min-width:34px!important}
  .topbar .brand b{font-size:15px}
  .zaer-dashboard-pro .pro-range,.visits-range-bar .quick-ranges{gap:3px!important;padding:3px!important}
  .zaer-dashboard-pro .pro-range>a,.zaer-dashboard-pro .pro-range>button,.visits-range-bar .quick-ranges>.btn,.visits-range-bar .custom-range-toggle{font-size:9px!important;height:38px!important;min-height:38px!important}
  .zaer-dashboard-pro .pro-range .zicon,.visits-range-bar .quick-ranges .zicon{width:11px!important;height:11px!important;flex-basis:11px!important}
  .zaer-dashboard-pro .pro-kpi{min-height:92px!important;padding:10px!important}
  .zaer-dashboard-pro .pro-kpi>strong{font-size:20px!important}
}

/* Mobile refinement: visits custom-range button occupies its full grid cell */
@media(max-width:700px){
  .visits-range-bar .quick-ranges{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
  .visits-range-bar .visits-custom-shell{display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  .visits-range-bar .visits-custom-shell .custom-range-toggle{width:100%!important;min-width:0!important;margin:0!important}
  .visits-range-bar .visits-custom-shell .custom-popover{width:100%!important;min-width:0!important}
}

/* =========================================================
   ZAER Mobile Mail + custom date sheet refinement
   ========================================================= */
.mail-page{max-width:1180px;margin:0 auto}
.mail-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;margin-bottom:14px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#ffffff 0%,#f4f9fb 100%);box-shadow:0 12px 32px rgba(20,50,68,.06)}
.mail-hero-main{display:flex;align-items:center;gap:14px;min-width:0}
.mail-icon-wrap{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#e8f3f7;color:var(--primary);flex:0 0 50px}.mail-icon-wrap .zicon{width:25px;height:25px}
.mail-eyebrow{display:block;color:#6e8592;font-size:9px;letter-spacing:1.6px;font-weight:900;line-height:1.3}
.mail-hero h1{margin:3px 0 2px;font-size:24px;line-height:1.35}.mail-hero p{margin:0;color:var(--muted);font-size:12px}
.mail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;margin-bottom:12px;border-radius:14px;box-shadow:none}
.mail-toolbar-title{display:flex;align-items:center;gap:9px}.mail-toolbar-title strong{font-size:14px}.mail-toolbar-title span{font-size:10px;color:var(--muted);background:var(--soft);border-radius:999px;padding:4px 8px}
.mail-toolbar-actions{display:flex;gap:5px}.mail-filter{border:1px solid transparent;border-radius:9px;padding:7px 10px;color:var(--muted);font-size:11px;background:transparent}.mail-filter.active,.mail-filter:hover{background:var(--soft);color:var(--primary);border-color:var(--line)}
.mail-compose-card{padding:0;overflow:visible}.mail-compose-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f9fbfc)}.mail-compose-head h2{margin:3px 0;font-size:18px}.mail-compose-head p{margin:0;color:var(--muted);font-size:11px}.mail-compose-close{width:36px;height:36px;min-width:36px;padding:0;margin:0}
.mail-compose-form{display:grid;gap:14px;padding:18px 20px}.mail-recipient-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mail-compose-form label{font-size:12px}.mail-compose-form label>small{display:block;color:var(--muted);font-weight:400;font-size:10px;margin-top:2px}.mail-compose-form textarea{min-height:150px;line-height:1.9}
.mail-file-drop{position:relative;display:flex;align-items:center;gap:11px;margin-top:7px;padding:13px 14px;border:1px dashed #b9cad5;border-radius:13px;background:#f8fbfc;color:var(--text);cursor:pointer;transition:.15s}.mail-file-drop:hover{border-color:#79a7bd;background:#f2f8fa}.mail-file-drop input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.mail-file-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e8f3f7;color:var(--primary);flex:0 0 38px}.mail-file-drop>span:last-child{display:flex;flex-direction:column;gap:2px}.mail-file-drop b{font-size:12px}.mail-file-drop small{font-size:10px;color:var(--muted)}.mail-file-selected{display:block;margin-top:7px;padding:8px 10px;border-radius:9px;background:#edf7f0;color:#226a3c;font-size:11px;font-weight:700;overflow-wrap:anywhere}
.mail-compose-actions{display:flex;justify-content:flex-start;gap:8px;padding-top:3px}.mail-compose-actions .btn{min-width:110px}
.mail-list-card{padding:0;overflow:hidden}.mail-list-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.mail-list-head strong{font-size:15px}.mail-list-head span{font-size:10px;color:var(--muted)}.mail-table-wrap{border:0;border-radius:0}.mail-table{min-width:760px}.mail-table th{background:#f8fafb;padding:11px 10px}.mail-table td{padding:12px 10px}.mail-person{display:inline-flex;align-items:center;gap:6px}.mail-person .zicon{width:14px;height:14px;color:#78909d}.mail-status{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.mail-status.sent{background:#eaf3fb;color:#1d628d}.mail-status.read{background:#edf7f0;color:#267041}.mail-mobile-list{display:none}
.mail-view-page{max-width:980px}.mail-view-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.mail-view-head>div{text-align:right}.mail-view-head h1{margin:3px 0;font-size:24px;line-height:1.5;overflow-wrap:anywhere}.mail-view-head time{font-size:10px;color:var(--muted)}
.mail-message-card{padding:0;overflow:hidden}.mail-message-meta{padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f9fbfc)}.mail-message-person{display:flex;align-items:center;gap:10px}.mail-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e8f3f7;color:var(--primary);font-weight:900}.mail-message-person strong{display:block;font-size:13px}.mail-message-person small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.mail-cc{margin-top:10px;padding:8px 10px;border-radius:9px;background:#f5f8fa;color:#637581;font-size:10px;overflow-wrap:anywhere}.mail-message-body{padding:22px 20px;min-height:170px;font-size:14px;line-height:2.05;overflow-wrap:anywhere;white-space:normal}
.mail-attachments-card{margin-top:14px}.mail-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mail-section-head h2{margin:3px 0 0;font-size:17px}.mail-section-head>span{font-size:10px;color:var(--muted);background:var(--soft);padding:5px 8px;border-radius:999px}.mail-attachment-list{display:grid;gap:8px}.mail-attachment-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#fbfdfe}.mail-attachment-icon{width:38px;height:38px;border-radius:10px;background:#edf4f7;color:var(--primary);display:grid;place-items:center;flex:0 0 38px}.mail-attachment-info{min-width:0;flex:1}.mail-attachment-info strong{display:block;font-size:11px;overflow-wrap:anywhere}.mail-attachment-info small{display:block;color:var(--muted);font-size:9px;margin-top:2px;overflow-wrap:anywhere}.mail-empty{padding:35px;text-align:center;color:var(--muted);font-size:12px}

/* Custom date range: on phones it is a centered sheet so no ancestor can crop it. */
@media(max-width:700px){
  .visits-custom-shell .custom-popover{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(92vw,420px)!important;max-width:none!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important;margin:0!important;padding:15px!important;z-index:1200!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(10,28,43,.28)!important}
  .visits-custom-shell .custom-popover:before{content:"";display:block}
  .visits-custom-shell .custom-popover-head{margin-bottom:13px}.visits-custom-shell .custom-popover-head strong{font-size:14px}.visits-custom-shell .custom-date-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.visits-custom-shell .custom-date-grid input{height:44px!important;font-size:13px!important}.visits-custom-shell .custom-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.visits-custom-shell .custom-actions .btn{min-height:44px!important;font-size:12px!important}
  .mail-page{width:100%;max-width:none}.mail-hero{display:block;padding:15px;border-radius:16px}.mail-hero-main{gap:10px}.mail-icon-wrap{width:43px;height:43px;flex-basis:43px;border-radius:12px}.mail-icon-wrap .zicon{width:21px;height:21px}.mail-hero h1{font-size:20px}.mail-hero p{font-size:10px;line-height:1.7}.mail-compose-btn{width:100%;margin-top:12px;min-height:42px}.mail-toolbar{display:block;padding:9px 10px}.mail-toolbar-actions{margin-top:8px;display:grid;grid-template-columns:1fr 1fr}.mail-filter{text-align:center}.mail-recipient-grid{grid-template-columns:1fr}.mail-compose-head{padding:14px}.mail-compose-form{padding:14px}.mail-compose-actions{display:grid;grid-template-columns:1fr 1fr}.mail-compose-actions .btn{width:100%;min-width:0;min-height:42px}.mail-table-wrap{display:none}.mail-mobile-list{display:grid}.mail-mobile-item{padding:14px;border-bottom:1px solid var(--line)}.mail-mobile-item:last-child{border-bottom:0}.mail-mobile-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.mail-mobile-top time{font-size:9px;color:var(--muted);direction:ltr}.mail-mobile-subject{font-size:13px;font-weight:800;margin:8px 0 6px;overflow-wrap:anywhere}.mail-mobile-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:10px}.mail-mobile-meta span{background:#f5f8fa;border-radius:8px;padding:5px 7px}.mail-mobile-actions{display:flex;gap:6px;margin-top:10px}.mail-mobile-actions .btn{flex:1;min-height:38px}.mail-view-head{display:flex;flex-direction:column-reverse;align-items:stretch;gap:10px}.mail-view-head .btn{width:100%;min-height:40px}.mail-view-head>div{text-align:right}.mail-view-head h1{font-size:19px}.mail-message-meta{padding:14px}.mail-message-body{padding:16px 14px;font-size:13px;line-height:2}.mail-attachment-item{align-items:flex-start;flex-wrap:wrap}.mail-attachment-info{min-width:calc(100% - 52px);padding-top:2px}.mail-attachment-item .btn{width:100%;margin-top:2px;min-height:38px}.mail-section-head h2{font-size:15px}
}
@media(max-width:380px){
  .visits-custom-shell .custom-date-grid{grid-template-columns:1fr!important}.mail-hero{padding:13px}.mail-hero h1{font-size:18px}.mail-compose-actions{grid-template-columns:1fr}.mail-toolbar-title strong{font-size:13px}
}
@media(prefers-color-scheme:dark){
  .mail-hero{background:linear-gradient(135deg,#172329,#141d23);border-color:#2b3941}.mail-icon-wrap,.mail-file-icon,.mail-avatar,.mail-attachment-icon{background:#20343e;color:#8fd0df}.mail-compose-head,.mail-message-meta{background:linear-gradient(180deg,#172329,#151f25);border-color:#2b3941}.mail-toolbar-title span,.mail-section-head>span,.mail-mobile-meta span{background:#202c33}.mail-file-drop,.mail-attachment-item{background:#182229;border-color:#30414a}.mail-list-head,.mail-table td{border-color:#2b3941}.mail-table th{background:#172229;color:#b8c7cf}.mail-mobile-item{border-color:#2b3941}.mail-cc{background:#1c282f;color:#a9b9c1}.mail-filter.active,.mail-filter:hover{background:#20323a}.mail-message-body{color:#e0e9ed}.mail-status.sent{background:#20343f;color:#8fc7e2}.mail-status.read{background:#1f3628;color:#9ad0a9}
}


/* ===== ZAER Mobile-first Mail + Login transition ===== */
.page-enter .shell{animation:zaerPageEnter .42s cubic-bezier(.22,.75,.24,1) both}
@keyframes zaerPageEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.page-enter .shell{animation:none}}
.mail-shell{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}
.mail-sidebar{position:sticky;top:16px;padding:14px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 10px 30px rgba(20,50,68,.05)}
.mail-new-btn{width:100%;min-height:44px;justify-content:center;border-radius:13px}
.mail-nav{display:grid;gap:4px;margin-top:14px}.mail-nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:12px;color:var(--text);font-size:12px;font-weight:700}.mail-nav a span{display:inline-flex;align-items:center;gap:8px}.mail-nav a b{font-size:10px;color:var(--muted);min-width:20px;text-align:center}.mail-nav a.active{background:var(--soft);color:var(--primary)}.mail-nav a.active b{color:var(--primary)}
.mail-sidebar-note{display:flex;gap:9px;margin-top:20px;padding:11px;border-radius:13px;background:var(--soft);border:1px solid var(--line)}.mail-sidebar-note strong{display:block;font-size:10px}.mail-sidebar-note small{display:block;color:var(--muted);font-size:9px;line-height:1.7;margin-top:2px}.mail-sidebar-dot{width:8px;height:8px;border-radius:50%;background:#39a66f;margin-top:4px;flex:0 0 8px}
.mail-main{padding:0;overflow:hidden;border-radius:20px}.mail-main-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--soft))}.mail-main-head h1{font-size:22px;margin:3px 0}.mail-main-head p{margin:0;color:var(--muted);font-size:11px}.mail-main-actions{display:flex;align-items:center;gap:8px}.mail-count{font-size:10px;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:6px 9px;border-radius:999px}
.mail-list{display:grid}.mail-row{display:flex;align-items:center;gap:12px;min-width:0;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;background:var(--surface);transition:background .16s ease,transform .16s ease}.mail-row:hover{background:var(--soft)}.mail-row.unread{background:#f5fafc}.mail-row-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e7f2f5;color:var(--primary);font-weight:900;flex:0 0 38px}.mail-row-content{min-width:0;flex:1}.mail-row-top{display:flex;justify-content:space-between;gap:12px}.mail-row-top strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-top time{font-size:9px;color:var(--muted);direction:ltr;white-space:nowrap}.mail-row-subject{display:flex;align-items:center;gap:7px;margin-top:4px}.mail-row-subject b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-preview{display:block;margin-top:3px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-clip{display:inline-flex;align-items:center;gap:2px;color:var(--muted);font-size:9px;font-style:normal;flex:0 0 auto}.mail-clip .zicon{width:12px;height:12px}.mail-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex:0 0 8px}
.mail-empty-state{padding:70px 20px;text-align:center}.mail-empty-icon{width:58px;height:58px;margin:0 auto 12px;display:grid;place-items:center;border-radius:18px;background:var(--soft);color:var(--primary)}.mail-empty-icon .zicon{width:27px;height:27px}.mail-empty-state h2{margin:0 0 5px;font-size:17px}.mail-empty-state p{margin:0 0 14px;color:var(--muted);font-size:11px}
.mail-compose-overlay{position:fixed;inset:0;z-index:1200;background:rgba(17,31,40,.38);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.mail-compose-overlay[hidden]{display:none}.mail-compose-modal{width:min(680px,100%);max-height:min(90svh,820px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 28px 80px rgba(14,35,46,.22)}.mail-compose-modal-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.mail-compose-modal-head h2{margin:3px 0 0;font-size:18px}.mail-compose-form{display:grid;gap:13px;padding:18px}.mail-compose-form label{display:block;font-size:11px;font-weight:800;color:var(--text)}.mail-compose-form label>small{display:block;color:var(--muted);font-size:9px;font-weight:400;margin:3px 0 5px}.mail-compose-form input:not([type=checkbox]):not([type=file]),.mail-compose-form textarea{width:100%;box-sizing:border-box}.mail-compose-form textarea{resize:vertical;min-height:150px}.mail-compose-actions{display:flex;gap:8px;padding-top:2px}.mail-compose-actions .btn{min-width:110px;justify-content:center}
.mail-selected-files{display:grid;gap:6px;margin-top:7px}.mail-selected-file{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);background:var(--soft);border-radius:10px}.mail-selected-file .file-name{min-width:0;flex:1;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-selected-file .file-size{font-size:8px;color:var(--muted);white-space:nowrap}.mail-selected-file button{width:28px;height:28px;min-width:28px;border:0;border-radius:8px;background:transparent;color:#a54d4d;cursor:pointer}
.mail-view-page{max-width:980px;margin:0 auto}.mail-view-toolbar{margin-bottom:10px}.mail-message-card{padding:0;overflow:hidden}.mail-message-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 19px;border-bottom:1px solid var(--line);background:var(--soft)}.mail-message-person{display:flex;align-items:center;gap:10px;min-width:0}.mail-avatar{width:42px;height:42px;min-width:42px;border-radius:50%;display:grid;place-items:center;background:#e7f2f5;color:var(--primary);font-weight:900}.mail-message-person strong{display:block;font-size:12px}.mail-message-person small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.mail-message-recipient{font-size:10px;color:var(--muted);text-align:left}.mail-message-recipient span{display:block;margin-top:4px}.mail-message-title{padding:18px 20px 0}.mail-message-title h1{font-size:21px;line-height:1.6;margin:0;overflow-wrap:anywhere}.mail-message-body{padding:18px 20px 24px;min-height:170px;font-size:13px;line-height:2.1;overflow-wrap:anywhere}.mail-attachments-card{margin-top:12px;padding:16px}.mail-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.mail-section-head h2{margin:3px 0 0;font-size:16px}.mail-section-head>span{font-size:9px;color:var(--muted);background:var(--soft);padding:5px 8px;border-radius:999px}.mail-attachment-list{display:grid;gap:7px}.mail-attachment-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.mail-attachment-icon{width:36px;height:36px;min-width:36px;border-radius:9px;display:grid;place-items:center;background:var(--soft);color:var(--primary)}.mail-attachment-info{min-width:0;flex:1}.mail-attachment-info strong{display:block;font-size:10px;overflow-wrap:anywhere}.mail-attachment-info small{display:block;color:var(--muted);font-size:8px;margin-top:2px;overflow-wrap:anywhere}
@media(max-width:900px){.mail-shell{grid-template-columns:1fr}.mail-sidebar{position:static;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:10px;padding:10px}.mail-new-btn{width:auto}.mail-nav{grid-template-columns:1fr 1fr;margin:0}.mail-sidebar-note{display:none}.mail-main-head{padding:16px}.mail-row{padding:13px 14px}}
@media(max-width:600px){.mail-shell{display:block}.mail-sidebar{display:grid;grid-template-columns:1fr;padding:8px;border-radius:15px;margin-bottom:9px}.mail-new-btn{width:100%;min-height:42px}.mail-nav{grid-template-columns:1fr 1fr}.mail-nav a{justify-content:center;padding:9px 7px;font-size:11px}.mail-nav a b{display:none}.mail-main{border-radius:15px}.mail-main-head{padding:13px 12px;align-items:flex-start}.mail-main-head h1{font-size:18px}.mail-main-head p{font-size:9px;line-height:1.7}.mail-main-actions .iconbtn{width:36px;height:36px}.mail-count{font-size:8px;padding:5px 7px}.mail-row{gap:9px;padding:12px 10px}.mail-row-avatar{width:34px;height:34px;flex-basis:34px}.mail-row-top time{font-size:8px}.mail-row-top strong,.mail-row-subject b{font-size:10px}.mail-row-preview{font-size:9px}.mail-compose-overlay{padding:8px;place-items:end center}.mail-compose-modal{width:100%;max-height:94svh;border-radius:18px}.mail-compose-modal-head{padding:13px 14px}.mail-compose-form{padding:13px}.mail-compose-actions{display:grid;grid-template-columns:1fr 1fr}.mail-compose-actions .btn{width:100%;min-width:0;min-height:42px}.mail-message-head{display:block;padding:14px}.mail-message-recipient{margin-top:10px;text-align:right}.mail-message-title{padding:14px 14px 0}.mail-message-title h1{font-size:17px}.mail-message-body{padding:14px;font-size:12px;line-height:2}.mail-attachments-card{padding:13px}.mail-attachment-item{align-items:flex-start;flex-wrap:wrap}.mail-attachment-info{min-width:calc(100% - 48px)}.mail-attachment-item .btn{width:100%;min-height:38px;justify-content:center}.mail-empty-state{padding:50px 16px}}
@media(max-width:360px){.mail-nav a span{gap:5px;font-size:10px}.mail-row-avatar{display:none}.mail-row{padding-inline:8px}.mail-row-top{display:block}.mail-row-top time{display:block;margin-top:2px}}
@media(prefers-color-scheme:dark){.mail-row.unread{background:#17262d}.mail-row-avatar,.mail-avatar,.mail-attachment-icon,.mail-empty-icon{background:#20353d}.mail-main-head{background:linear-gradient(180deg,var(--surface),#182329)}.mail-compose-overlay{background:rgba(0,0,0,.55)}}

/* ===== Home mobile polish: shared visit custom range + compact visit action ===== */
.pro-welcome-title{display:flex;align-items:center;justify-content:flex-start;gap:9px;flex-wrap:nowrap}
.pro-add-mobile{display:none!important}
.pro-add-desktop{display:inline-flex!important}
.home-custom-shell{position:relative;display:flex;align-items:center;flex:1;min-width:0}
.home-custom-shell .pro-range{width:auto}
.home-custom-shell .custom-popover{top:44px;right:0;left:auto}

@media(max-width:700px){
  .zaer-dashboard-pro .pro-hero-copy h1.pro-welcome-title{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin-bottom:5px!important}
  .zaer-dashboard-pro .pro-welcome-title>span{min-width:0;overflow-wrap:anywhere}
  .zaer-dashboard-pro .pro-add-mobile{display:inline-flex!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;margin:0!important;border-radius:12px!important;align-items:center!important;justify-content:center!important;box-shadow:0 7px 18px rgba(19,43,59,.14)!important}
  .zaer-dashboard-pro .pro-add-mobile .zicon{width:18px!important;height:18px!important;margin:0!important}
  .zaer-dashboard-pro .pro-add-desktop{display:none!important}
  .zaer-dashboard-pro .pro-period{display:none!important}
  .zaer-dashboard-pro .pro-hero-tools{display:flex!important;width:100%!important;margin-top:9px!important;gap:6px!important}
  .zaer-dashboard-pro .pro-live{width:auto!important;min-width:0!important;flex:0 0 auto!important;height:36px!important;min-height:36px!important;padding:0 10px!important;font-size:10px!important}

  .zaer-dashboard-pro .pro-toolbar{display:block!important;position:relative!important;overflow:visible!important;padding:7px!important}
  .zaer-dashboard-pro .pro-toolbar-label{display:flex!important;padding:0 3px 7px!important;font-size:10px!important}
  .zaer-dashboard-pro .home-custom-shell{display:block!important;width:100%!important;margin:0!important;overflow:visible!important}
  .zaer-dashboard-pro .home-custom-shell .pro-range{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;width:100%!important;padding:4px!important;overflow:visible!important}
  .zaer-dashboard-pro .home-custom-shell .pro-range>a,.zaer-dashboard-pro .home-custom-shell .pro-range>button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:0 2px!important;margin:0!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border-radius:9px!important}
  .zaer-dashboard-pro .home-custom-shell .pro-range .zicon{width:13px!important;height:13px!important;flex:0 0 13px!important;margin-inline-end:3px!important}
  .zaer-dashboard-pro .home-custom-shell .custom-popover{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(92vw,420px)!important;max-width:none!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important;margin:0!important;padding:15px!important;z-index:1200!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(10,28,43,.28)!important}
  .zaer-dashboard-pro .home-custom-shell .custom-popover .custom-popover-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:13px!important}
  .zaer-dashboard-pro .home-custom-shell .custom-popover .custom-date-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .zaer-dashboard-pro .home-custom-shell .custom-popover .custom-date-grid input{height:44px!important;font-size:13px!important}
  .zaer-dashboard-pro .home-custom-shell .custom-popover .custom-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .zaer-dashboard-pro .home-custom-shell .custom-popover .custom-actions .btn{min-height:44px!important;font-size:12px!important}
  .zaer-dashboard-pro .range-full{display:none!important}.zaer-dashboard-pro .range-short{display:inline!important}
}
@media(max-width:380px){
  .zaer-dashboard-pro .home-custom-shell .custom-popover .custom-date-grid{grid-template-columns:1fr!important}
  .zaer-dashboard-pro .home-custom-shell .custom-popover .custom-actions{grid-template-columns:1fr!important}
  .zaer-dashboard-pro .pro-add-mobile{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
}

/* Final mobile polish: mail unread badge + floating visit action */
.mail-nav-link{position:relative}
.nav-unread-badge{margin-inline-start:auto;min-width:21px;height:19px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#d9534f;color:#fff;font-size:9px;font-weight:900;line-height:1}
.mail-header-notice{border-right:3px solid #2b8aa3!important;background:#f3fbfd!important}
.mail-header-notice strong{display:flex;align-items:center;gap:4px}
/* زر تسجيل الزيارة على الهاتف: مثبت داخل الركن العلوي الأيسر لبطاقة الترحيب */
.pro-add-mobile-corner{display:none!important}
@media(max-width:700px){
  .zaer-dashboard-pro .pro-hero{position:relative!important}
  .zaer-dashboard-pro .pro-add-mobile-corner{position:absolute!important;top:10px!important;left:10px!important;z-index:4!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;min-width:74px!important;height:34px!important;min-height:34px!important;padding:0 8px!important;margin:0!important;border-radius:10px!important;box-shadow:0 7px 18px rgba(19,43,59,.16)!important;white-space:nowrap!important}
  .zaer-dashboard-pro .pro-add-mobile-corner span{font-size:9px!important;font-weight:900!important;line-height:1!important}
  .zaer-dashboard-pro .pro-add-mobile-corner .zicon{width:15px!important;height:15px!important;margin:0!important;flex:0 0 15px!important}
  .zaer-dashboard-pro .pro-hero-copy{padding-left:0!important}
}
@media(max-width:380px){
  .zaer-dashboard-pro .pro-add-mobile-corner{top:9px!important;left:9px!important;min-width:70px!important;height:32px!important;min-height:32px!important;padding:0 7px!important;border-radius:9px!important}
  .zaer-dashboard-pro .pro-add-mobile-corner span{font-size:9px!important}
  .zaer-dashboard-pro .pro-add-mobile-corner .zicon{width:14px!important;height:14px!important;flex-basis:14px!important}
}

/* ===== Custom date range — desktop side panel / mobile modal ===== */
@media (min-width:701px){
  .zaer-dashboard-pro .pro-toolbar,
  .visits-filter-card,
  .visits-range-bar{position:relative!important;overflow:visible!important;z-index:40!important}
  .home-custom-shell,
  .visits-custom-shell{position:relative!important;z-index:80!important;overflow:visible!important}
  .home-custom-shell .custom-popover,
  .visits-custom-shell .custom-popover{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    width:min(540px,calc(100vw - 32px))!important;
    max-width:540px!important;
    padding:13px!important;
    z-index:5000!important;
    overflow:visible!important;
  }
  .home-custom-shell .custom-popover form,
  .visits-custom-shell .custom-popover form{
    display:grid!important;
    grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto!important;
    align-items:end!important;
    gap:9px!important;
  }
  .home-custom-shell .custom-popover-head,
  .visits-custom-shell .custom-popover-head{
    grid-column:1/-1!important;
    margin-bottom:2px!important;
  }
  .home-custom-shell .custom-date-grid,
  .visits-custom-shell .custom-date-grid{
    display:contents!important;
  }
  .home-custom-shell .custom-date-grid label,
  .visits-custom-shell .custom-date-grid label{
    min-width:0!important;
  }
  .home-custom-shell .custom-date-grid input,
  .visits-custom-shell .custom-date-grid input{
    width:100%!important;
    height:40px!important;
    margin-top:5px!important;
  }
  .home-custom-shell .custom-actions,
  .visits-custom-shell .custom-actions{
    display:flex!important;
    gap:6px!important;
    margin-top:0!important;
  }
  .home-custom-shell .custom-actions .btn,
  .visits-custom-shell .custom-actions .btn{
    min-width:92px!important;
    height:40px!important;
    min-height:40px!important;
    white-space:nowrap!important;
  }
}

@media (max-width:700px){
  .zaer-range-backdrop{
    position:fixed!important;
    inset:0!important;
    background:rgba(10,27,39,.28)!important;
    backdrop-filter:blur(1.5px)!important;
    -webkit-backdrop-filter:blur(1.5px)!important;
    z-index:1190!important;
  }
  .zaer-dashboard-pro .home-custom-shell .custom-popover,
  .visits-custom-shell .custom-popover{
    z-index:1200!important;
  }
}


/* Final notification + range + mail print polish */
.mail-nav-link{display:flex!important;align-items:center!important;gap:9px!important}
.nav-unread-badge{margin-inline-start:auto!important;flex:0 0 auto!important;min-width:24px!important;height:22px!important;padding:0 7px!important;border-radius:999px!important;background:#153f52!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 3px 10px rgba(18,58,78,.18)!important;font-size:10px!important;font-weight:900!important;line-height:18px!important;text-align:center!important}
.notification-popover .bell{position:relative!important}
.notification-popover .bell i{position:absolute!important;inset-inline-start:-3px!important;top:-5px!important;min-width:19px!important;height:19px!important;padding:0 5px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#d9534f!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 4px 12px rgba(217,83,79,.28)!important;font:900 10px/15px Arial,sans-serif!important}
.mail-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mail-view-actions{display:flex;gap:7px;align-items:center}
.mail-attachment-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.zaer-mobile-range-modal{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(92vw,420px)!important;max-width:420px!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important;margin:0!important;padding:15px!important;z-index:2147483646!important;border-radius:18px!important;background:var(--surface,#fff)!important;box-shadow:0 24px 70px rgba(10,28,43,.32)!important;border:1px solid var(--line,#dce6eb)!important}
@media(max-width:700px){
  .mail-nav-link .nav-unread-badge{min-width:24px!important;height:22px!important;font-size:10px!important}
  .mail-attachment-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .mail-attachment-actions .btn{width:100%!important;min-height:38px!important;justify-content:center}
}
@media print{
  .mail-view-toolbar,.mail-attachment-actions{display:none!important}
  .mail-view-page{max-width:none!important;margin:0!important}
  .mail-message-card,.mail-attachments-card{box-shadow:none!important;border:1px solid #b8c7cf!important;break-inside:avoid}
  .mail-message-title h1{font-size:20px!important}
  .mail-message-body{font-size:13px!important;line-height:2!important}
}
/* استيراد بيانات آمن */
.import-warning{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin:14px 0;border:1px solid #dbe7eb;border-radius:14px;background:var(--surface-2);color:var(--text)}.import-warning strong{color:#0f6b78;white-space:nowrap}.import-warning.danger{background:var(--surface-2);border-color:#a95b42}.import-warning.danger strong{color:#a64a2e}.import-preview{margin-top:18px;padding:18px;border:1px solid #dce7eb;border-radius:18px;background:var(--surface,#fff)}.import-preview-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.import-preview-head h3{margin:0}.import-preview-head p{margin:5px 0 0;color:#74848d}.import-count-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.import-count-grid article{padding:16px;border:1px solid #e2eaee;border-radius:14px;background:rgba(247,250,251,.72)}.import-count-grid small,.import-count-grid em{display:block;color:#71818a;font-style:normal}.import-count-grid strong{display:block;font-size:28px;margin:5px 0}.import-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.import-detail-grid>div{padding:13px 15px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line)}.import-detail-grid p{margin:6px 0 0}.import-upload-form input[type=file]{padding:10px}.import-preview .form-actions{margin-top:16px}@media(max-width:800px){.import-count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-detail-grid{grid-template-columns:1fr}.import-preview-head{align-items:flex-start;flex-direction:column}.import-warning{flex-direction:column;gap:6px}}


/* ===== إدارة النظام — مركز إداري + عمليات قاعدة البيانات ===== */
.manage-nav-shell{display:grid;grid-template-columns:minmax(210px,260px) 1fr;gap:14px;align-items:stretch;margin:16px 0;padding:12px;border:1px solid var(--line,#dfe7ec);border-radius:20px;background:var(--surface,#fff);box-shadow:0 10px 30px rgba(17,52,69,.06)}
.manage-nav-title{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:15px;background:var(--surface-2,#f4f8fa);border:1px solid var(--line,#dfe7ec)}
.manage-nav-title>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(15,107,120,.10);color:#0f6b78}.manage-nav-title strong{display:block;font-size:14px}.manage-nav-title small{display:block;margin-top:3px;color:var(--muted,#71818a);font-size:11px}
.manage-nav{display:flex;flex-wrap:wrap;align-content:center;gap:7px;padding:3px}.manage-nav button{border:1px solid transparent;background:transparent;color:var(--text,#173042);padding:10px 13px;border-radius:11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.18s ease}.manage-nav button:hover{background:var(--surface-2,#f4f8fa);border-color:var(--line,#dfe7ec)}.manage-nav button.active{background:#0f6b78;color:#fff;box-shadow:0 6px 18px rgba(15,107,120,.18)}
.database-tools-panel .cardhead{align-items:center}.db-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.db-action-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--line,#dfe7ec);border-radius:18px;background:var(--surface-2,#f4f8fa)}.db-action-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;background:rgba(15,107,120,.11);color:#0f6b78}.db-action-card h3{margin:0 0 5px;font-size:15px}.db-action-card p{margin:0 0 14px;color:var(--muted,#71818a);font-size:12px;line-height:1.8}.db-check-result{margin-top:14px;padding:13px 15px;border:1px solid #bfe2d2;border-radius:14px;background:rgba(29,138,93,.08);color:#176e4c;display:flex;gap:10px;align-items:center}.db-check-result strong{font-weight:900}
.zaer-operation-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:rgba(10,28,40,.30);backdrop-filter:blur(5px);padding:20px}.zaer-operation-overlay[hidden]{display:none}.zaer-operation-card{width:min(500px,94vw);padding:22px;border:1px solid var(--line,#dfe7ec);border-radius:22px;background:var(--surface,#fff);box-shadow:0 28px 90px rgba(7,30,45,.24)}.zaer-operation-top{display:flex;align-items:center;gap:12px}.zaer-operation-top>div{flex:1}.zaer-operation-top strong{display:block;font-size:15px}.zaer-operation-top small{display:block;margin-top:4px;color:var(--muted,#71818a)}.zaer-operation-top>b{font-size:18px;color:#0f6b78}.zaer-operation-spinner{width:36px;height:36px;border:3px solid rgba(15,107,120,.16);border-top-color:#0f6b78;border-radius:50%;animation:zaerSpin .8s linear infinite}.zaer-progress-track{height:10px;margin:20px 0 13px;border-radius:99px;background:var(--surface-2,#edf3f5);overflow:hidden}.zaer-progress-track span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#0f6b78,#4f9ca7);transition:width .28s ease}.zaer-operation-steps{display:flex;justify-content:space-between;color:var(--muted,#71818a);font-size:10px;font-weight:800}@keyframes zaerSpin{to{transform:rotate(360deg)}}
@media(max-width:850px){.manage-nav-shell{grid-template-columns:1fr}.db-action-grid{grid-template-columns:1fr}}
@media(max-width:600px){.manage-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.manage-nav button{width:100%;font-size:11px}.db-action-card{padding:14px}.zaer-operation-card{padding:18px}}



/* ZAER 2026 visual system refresh */
:root{--zaer-radius:14px;--zaer-shadow:0 10px 30px rgba(20,60,90,.07)}
body{font-size:14px;line-height:1.7}
h1,h2,h3,h4,.pagehead h1,.cardhead h2,.pro-welcome-title{font-family:"Noto Naskh Arabic Local",Tahoma,sans-serif;line-height:1.45}
.btn{min-height:40px;border-radius:11px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(20,80,120,.09)}
.card,.system-stat,.manage-nav-shell{border-radius:var(--zaer-radius);box-shadow:var(--zaer-shadow)}
.manage-nav-shell{margin-bottom:18px;padding:14px;background:var(--surface);border:1px solid var(--line)}
.manage-nav-title{display:flex;align-items:center;gap:11px;margin-bottom:12px;color:var(--text)}
.manage-nav-title>span{width:38px;height:38px;border-radius:11px;background:var(--soft);display:grid;place-items:center;color:var(--primary)}
.manage-nav-title strong{display:block;font-size:15px}.manage-nav-title small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.manage-nav{position:static!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px;margin:0;padding:7px;background:var(--bg);border-radius:12px}
.manage-nav button{min-height:42px;border-radius:10px!important;font-size:12px!important;border:1px solid var(--line);background:var(--surface);color:var(--text)}
.manage-nav button.active{box-shadow:0 5px 14px rgba(23,105,170,.16)}
.system-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.system-stat{padding:14px;background:var(--surface);border:1px solid var(--line)}
.system-stat strong{font-size:25px}.system-stat small{font-size:12px}.system-stat em{font-size:10px}
.zaer-progress-overlay{position:fixed;inset:0;background:rgba(8,24,38,.34);backdrop-filter:blur(3px);z-index:9999;display:grid;place-items:center;padding:20px}
.zaer-progress-overlay[hidden]{display:none}.zaer-progress-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 24px 70px rgba(0,0,0,.2);text-align:center}
.zaer-progress-icon{width:48px;height:48px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:var(--soft);color:var(--primary);font-size:24px;animation:zaerSpin 1s linear infinite}
.zaer-progress-title{font-size:15px;font-weight:800}.zaer-progress-track{height:8px;background:var(--soft);border-radius:99px;overflow:hidden;margin:18px 0 8px}.zaer-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#55a8d5);transition:width .4s ease}
.zaer-progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.zaer-progress-meta b{color:var(--primary)}.zaer-progress-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.zaer-progress-steps span{padding:6px;border-radius:8px;background:var(--bg);color:var(--muted);font-size:10px}.zaer-progress-steps span.on{background:var(--soft);color:var(--primary);font-weight:800}
.zaer-busy{overflow:hidden!important}
.db-check-result{display:flex;gap:10px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:11px;background:var(--soft);color:var(--text)}.db-check-result.is-ready{border:1px solid rgba(40,160,100,.22)}
@keyframes zaerSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.system-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.system-overview{grid-template-columns:1fr 1fr;gap:8px}.system-stat{padding:11px}.system-stat strong{font-size:21px}.manage-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.manage-nav button{min-height:40px}.pagehead h1{font-size:23px}.btn{min-height:38px}}


/* ===== ZAER admin center redesign v7 ===== */
.manage-command-bar{position:sticky;top:8px;z-index:40;margin:8px 0 14px;padding:8px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 10px 30px rgba(17,52,69,.08);backdrop-filter:blur(12px)}
.manage-command-scroll{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:1px 2px}.manage-command-scroll::-webkit-scrollbar{height:5px}.manage-command-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
.manage-command-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 13px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.manage-command-btn .zicon{width:17px;height:17px;color:var(--primary)}.manage-command-btn:hover{background:var(--soft);border-color:var(--line);transform:translateY(-1px)}.manage-command-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 7px 18px rgba(15,107,120,.18)}.manage-command-btn.active .zicon{color:#fff}
.manage-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 18px}.manage-stat-card{position:relative;display:flex;align-items:center;gap:11px;min-width:0;text-align:right;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--text);font:inherit;cursor:pointer;box-shadow:0 7px 20px rgba(17,52,69,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.manage-stat-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(17,52,69,.09);border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.manage-stat-card.active{border-color:var(--primary);box-shadow:0 12px 30px rgba(15,107,120,.14);background:linear-gradient(145deg,var(--surface),var(--soft))}.manage-stat-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--soft);color:var(--primary)}.manage-stat-icon .zicon{width:20px;height:20px}.manage-stat-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.manage-stat-copy small{font-size:11px;color:var(--muted);font-weight:800}.manage-stat-copy strong{font-size:23px;line-height:1.15;margin-top:3px;color:var(--text)}.manage-stat-copy em{font-style:normal;font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.manage-stat-arrow{margin-inline-start:auto;color:var(--muted);font-size:18px;transition:transform .18s ease,color .18s ease}.manage-stat-card:hover .manage-stat-arrow,.manage-stat-card.active .manage-stat-arrow{color:var(--primary);transform:translateX(-2px)}
.manage-pagehead{margin-bottom:12px}.manage-pagehead .section-kicker{display:block;margin-bottom:4px;color:var(--primary);font-size:10px;font-weight:900;letter-spacing:.12em}.manage-pagehead .metric-note{margin-top:4px;max-width:760px}
@media(max-width:1100px){.manage-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.manage-command-bar{top:4px;border-radius:14px}.manage-command-btn{min-height:40px;padding:8px 11px;font-size:11px}.manage-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.manage-stat-card{padding:11px}.manage-stat-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px}.manage-stat-copy strong{font-size:20px}.manage-stat-copy em{max-width:120px}}
@media(max-width:420px){.manage-stat-grid{grid-template-columns:1fr}.manage-stat-card{min-height:70px}}

/* ===== ZAER speed + navigation + dashboard range refinement v5 ===== */
@media (min-width:901px){
  .zaer-dashboard-pro .pro-toolbar{flex-wrap:nowrap!important;align-items:center!important}
  .zaer-dashboard-pro .home-custom-shell{flex:0 1 auto!important;min-width:0!important}
  .zaer-dashboard-pro .home-custom-shell .pro-range{flex-wrap:nowrap!important;white-space:nowrap!important}
  .zaer-dashboard-pro .home-custom-shell .pro-range>a,.zaer-dashboard-pro .home-custom-shell .pro-range>button{white-space:nowrap!important}
}
@media (max-width:1100px){
  body:has(.sidebar.open){overflow:hidden}
}
/* إدارة النظام: لوحات الأحداث والحضور المحملة عند الطلب */
.manage-lazy-placeholder{min-height:180px}.lazy-panel-loading{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);text-align:center}.lazy-panel-loading strong{color:var(--text);font-size:14px}.lazy-panel-loading small{font-size:11px}.zaer-spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:zaerSpin .8s linear infinite}@keyframes zaerSpin{to{transform:rotate(360deg)}}.lazy-panel-error{padding:18px;border:1px solid #efb7b7;background:#fff5f5;color:#a33;border-radius:12px;text-align:center}.manage-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.manage-mini-stats article{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.manage-mini-stats small{display:block;color:var(--muted);font-size:11px}.manage-mini-stats strong{display:block;margin-top:4px;font-size:22px;color:var(--primary)}@media(max-width:600px){.manage-mini-stats{grid-template-columns:1fr 1fr}.manage-mini-stats article:last-child{grid-column:1/-1}.manage-lazy-panel .grid3{grid-template-columns:1fr}}

/* إدارة النظام — تنقل الصفحات المستقلة */
.manage-command-btn,.manage-stat-card{text-decoration:none}
.manage-command-btn:focus-visible,.manage-stat-card:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 28%,transparent);outline-offset:2px}
.manage-subnav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px;padding:7px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 7px 20px rgba(17,52,69,.05)}
.manage-subnav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border-radius:11px;color:var(--muted);text-decoration:none;font-weight:800;font-size:12px;transition:.16s ease}
.manage-subnav a:hover{background:var(--soft);color:var(--text)}
.manage-subnav a.active{background:var(--primary);color:#fff;box-shadow:0 7px 18px rgba(15,107,120,.16)}
.manage-pagehead>a.btn{white-space:nowrap}
@media(max-width:650px){.manage-subnav{overflow-x:auto;flex-wrap:nowrap}.manage-subnav a{flex:0 0 auto}.manage-pagehead{align-items:flex-start;gap:10px}.manage-pagehead>a.btn{font-size:11px;padding:8px 10px}}
/* ZAER v12 — interactive visit performance circle */
.pro-visit-circle{margin-top:16px}
.pro-visit-circle-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr);gap:28px;align-items:center;padding:8px 4px 6px}
.pro-result-donut{position:relative;width:min(285px,100%);aspect-ratio:1;margin:0 auto;cursor:help;filter:drop-shadow(0 12px 24px rgba(20,45,70,.08))}
.pro-result-donut svg{display:block;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.pro-donut-track,.pro-donut-segment{fill:none;stroke-width:27;vector-effect:non-scaling-stroke}
.pro-donut-track{stroke:#e8edf1}
.pro-donut-segment{stroke-linecap:round;transition:stroke-width .18s ease,opacity .18s ease,filter .18s ease;cursor:pointer}
.pro-donut-segment.success{stroke:#0a24e9}
.pro-donut-segment.other{stroke:#b8a16f}
.pro-donut-segment:hover,.pro-donut-segment:focus{stroke-width:34;filter:drop-shadow(0 4px 8px rgba(10,36,233,.18));outline:none}
.pro-donut-segment.other:hover,.pro-donut-segment.other:focus{filter:drop-shadow(0 4px 8px rgba(184,161,111,.2))}
.pro-result-donut-center{position:absolute;inset:27%;border-radius:50%;background:var(--surface,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;box-shadow:0 4px 18px rgba(20,45,70,.04)}
.pro-result-donut-center strong{font:800 32px/1 Arial,sans-serif;color:var(--text,#0b0d17);direction:ltr}
.pro-result-donut-center span{margin-top:7px;color:var(--muted,#7c8792);font-size:11px;font-weight:800}
.pro-result-details{display:grid;gap:10px}
.pro-result-detail{width:100%;display:grid;grid-template-columns:12px 1fr auto;gap:12px;align-items:center;text-align:right;padding:14px 15px;border:1px solid var(--line,#e2e8ec);border-radius:14px;background:var(--surface,#fff);font:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.pro-result-detail:hover,.pro-result-detail:focus{transform:translateY(-2px);box-shadow:0 9px 22px rgba(20,45,70,.08);outline:none;border-color:#b9c7d0}
.pro-result-detail>i{width:11px;height:11px;border-radius:50%;display:block;background:#b8a16f}
.pro-result-detail.success>i{background:#0a24e9}
.pro-result-detail span{min-width:0}.pro-result-detail span b{display:block;font-size:13px;color:var(--text,#172a3a)}
.pro-result-detail span small{display:block;margin-top:3px;color:var(--muted,#7c8792);font-size:10px}
.pro-result-detail>strong{display:flex;align-items:center;gap:8px;font:800 16px Arial,sans-serif;color:var(--text,#172a3a);direction:ltr}
.pro-result-detail>strong em{font-style:normal;color:var(--muted,#7c8792);font-size:10px}
.pro-result-hint{margin:2px 4px 0;color:var(--muted,#7c8792);font-size:10px;line-height:1.8}
.pro-insight-panel .dot.success{background:#0a24e9}.pro-insight-panel .dot.other{background:#b8a16f}
.pro-compare-tooltip{position:fixed;z-index:9999;pointer-events:none;max-width:280px;background:#12212d;color:#fff;padding:9px 12px;border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.2);font-size:11px;line-height:1.55;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease}
.pro-compare-tooltip.show{opacity:1;transform:translateY(0)}
.pro-compare-tooltip strong{display:block;font-size:12px;margin-bottom:2px}.pro-compare-tooltip span{display:block;color:#dce6ed}
@media(max-width:850px){.pro-visit-circle-layout{grid-template-columns:1fr;gap:15px}.pro-result-donut{width:min(245px,82vw)}.pro-result-details{max-width:560px;margin:0 auto;width:100%}}
@media(max-width:600px){.pro-visit-circle{padding:15px}.pro-visit-circle-layout{padding:2px 0}.pro-result-donut{width:min(215px,72vw)}.pro-result-donut-center strong{font-size:27px}.pro-result-detail{padding:12px}.pro-result-detail span b{font-size:12px}}

/* ===== ZAER V12.1 — هوية الدائرة التفاعلية ===== */
.pro-result-donut{--zaer-ring-success:#174b6d;--zaer-ring-other:#8fa2ae}
.pro-result-donut svg{overflow:visible}
.pro-donut-track{stroke:#e5ecef!important;opacity:.55}
.pro-result-donut.has-data .pro-donut-track{opacity:0}
.pro-donut-segment{stroke-linecap:butt!important;stroke-linejoin:round;stroke-width:28!important;transition:stroke-width .18s ease,filter .18s ease,opacity .18s ease}
.pro-donut-segment.success{stroke:var(--zaer-ring-success)!important}
.pro-donut-segment.other{stroke:var(--zaer-ring-other)!important}
.pro-donut-segment:hover,.pro-donut-segment:focus,.pro-donut-segment.is-active{stroke-width:35!important;filter:drop-shadow(0 5px 10px rgba(23,75,109,.22));outline:none}
.pro-donut-segment.other:hover,.pro-donut-segment.other:focus,.pro-donut-segment.other.is-active{filter:drop-shadow(0 5px 10px rgba(99,120,132,.22))}
.pro-result-donut-center{border:1px solid #edf2f4}
.pro-result-detail.success>i,.pro-insight-panel .dot.success{background:var(--primary,#174b6d)!important}
.pro-result-detail.other>i,.pro-insight-panel .dot.other{background:#8fa2ae!important}
.pro-split i{background:var(--primary,#174b6d)!important}.pro-split b{background:#8fa2ae!important}
.pro-result-detail.is-active{border-color:var(--primary,#174b6d)!important;box-shadow:0 12px 28px rgba(23,75,109,.13)!important;background:linear-gradient(135deg,var(--surface),#f2f6f8)}
.zaer-compare-tooltip{position:fixed;z-index:1000;min-width:185px;max-width:250px;padding:11px 13px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(23,44,58,.96);color:#fff;box-shadow:0 14px 38px rgba(8,25,36,.25);pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .12s ease,transform .12s ease;direction:rtl;text-align:right}
.zaer-compare-tooltip.show{opacity:1;transform:translateY(0)}
.zaer-compare-tooltip strong{display:block;font-size:12px;margin-bottom:5px}
.zaer-compare-tooltip small{display:block;color:#d8e4e9;font-size:10px;line-height:1.8}
.zaer-compare-tooltip b{color:#fff;font-size:15px;direction:ltr;unicode-bidi:isolate}
@media (prefers-color-scheme:dark){.zaer-compare-tooltip{background:rgba(9,22,30,.98)}.pro-result-detail.is-active{background:#17252e}.pro-donut-track{stroke:#2b3b44!important}}


/* ===== ZAER V13.1 — دائرة مكتملة ودليل لون بسيط ===== */
.pro-result-donut.has-data .pro-donut-track{display:none!important}
.pro-donut-segment{stroke-linecap:butt!important;stroke-linejoin:butt!important;stroke-width:28!important}
.pro-donut-segment.success{stroke:#174b6d!important}
.pro-donut-segment.other{stroke:#8fa2ae!important}
.pro-donut-segment:hover,.pro-donut-segment:focus,.pro-donut-segment.is-active{stroke-width:32!important;filter:none!important;opacity:.92}
.pro-result-detail.is-active{transform:none!important;box-shadow:none!important;border-color:#174b6d!important;background:var(--surface,#fff)!important}
.zaer-compare-tooltip{display:none!important}
.pro-result-hint{font-size:10px;color:var(--muted,#7c8792);text-align:center}


/* ===== ZAER V15 — إزالة الدائرة + مقارنة خفيفة + إدارة نظام Mobile First ===== */
.pro-visit-bars{display:grid;gap:18px;padding:10px 2px 4px}
.pro-visit-bar-row{padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.pro-visit-bar-row:hover,.pro-visit-bar-row:focus-within{border-color:color-mix(in srgb,var(--primary) 38%,var(--line));box-shadow:0 9px 22px rgba(17,52,69,.06);transform:translateY(-1px)}
.pro-visit-bar-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.pro-visit-bar-label>span{display:flex;align-items:center;gap:9px;min-width:0}.pro-visit-bar-label b{display:block;font-size:14px}.pro-visit-bar-label small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.pro-visit-bar-label>strong{direction:ltr;font:800 16px Arial,sans-serif;white-space:nowrap}.pro-visit-bar-label>strong em{font-style:normal;color:var(--muted);font-size:10px;margin-inline-start:5px}
.pro-visit-bar-track{height:14px;border-radius:999px;background:var(--soft);overflow:hidden}.pro-visit-bar-track i{display:block;height:100%;border-radius:999px;min-width:2px;transition:width .35s ease}.pro-visit-bar-track i.success{background:var(--primary,#174b6d)}.pro-visit-bar-track i.other{background:#8fa2ae}
.pro-legend{display:inline-block;width:11px;height:11px;border-radius:50%;flex:0 0 11px}.pro-legend.success{background:var(--primary,#174b6d)}.pro-legend.other{background:#8fa2ae}
.pro-visit-guide{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:12px;color:var(--muted);font-size:10px}.pro-visit-guide span{display:inline-flex;align-items:center;gap:6px}.pro-visit-guide b{margin-inline-start:auto;color:var(--primary);font-size:11px}
/* لا نستخدم الدائرة القديمة إطلاقًا */.pro-visit-circle,.pro-result-donut,.pro-result-details,.pro-donut-segment,.pro-donut-track{display:none!important}

/* مركز إدارة النظام على الهاتف: أقل نصوص، شبكة أوضح، وبدون تزاحم */
@media(max-width:700px){
  .manage-pagehead{margin:0 0 9px!important;padding:0 2px!important;align-items:center!important;min-height:40px}
  .manage-pagehead .section-kicker,.manage-pagehead p.metric-note{display:none!important}
  .manage-pagehead h1{font-size:21px!important;margin:0!important;line-height:1.3!important}
  .manage-pagehead>a.btn{font-size:10px!important;min-height:34px!important;padding:6px 9px!important;border-radius:9px!important}
  .manage-command-bar{position:relative!important;top:auto!important;margin:0 0 10px!important;padding:5px!important;border-radius:13px!important;box-shadow:0 5px 16px rgba(17,52,69,.06)!important;backdrop-filter:none!important}
  .manage-command-scroll{gap:5px!important;padding:1px!important;scroll-snap-type:x proximity!important}
  .manage-command-btn{min-height:37px!important;padding:7px 9px!important;border-radius:9px!important;font-size:10px!important;scroll-snap-align:start}
  .manage-command-btn .zicon{width:15px!important;height:15px!important}
  .manage-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-bottom:12px!important}
  .manage-stat-card{min-height:74px!important;padding:9px!important;gap:8px!important;border-radius:13px!important;box-shadow:0 4px 12px rgba(17,52,69,.045)!important}
  .manage-stat-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
  .manage-stat-icon .zicon{width:17px!important;height:17px!important}
  .manage-stat-copy small{font-size:10px!important;line-height:1.3!important}.manage-stat-copy strong{font-size:18px!important;margin-top:2px!important}.manage-stat-copy em{display:none!important}.manage-stat-arrow{font-size:14px!important}
  .manage-subnav{margin:0 0 9px!important;padding:4px!important;gap:4px!important;border-radius:11px!important;overflow-x:auto!important;box-shadow:none!important}
  .manage-subnav a{min-height:34px!important;padding:6px 10px!important;font-size:10px!important;border-radius:8px!important}
  .manage-pagehead + .card,.manage-subnav + .card{border-radius:14px!important}
  .manage-pagehead + .card .cardhead,.manage-subnav + .card .cardhead{padding:11px!important}
  .manage-pagehead + .card .cardhead p,.manage-subnav + .card .cardhead p{display:none!important}
  .pro-visit-bars{gap:9px;padding:4px 0}.pro-visit-bar-row{padding:11px 12px;border-radius:12px}.pro-visit-bar-label{gap:8px;margin-bottom:8px}.pro-visit-bar-label b{font-size:12px}.pro-visit-bar-label small{font-size:9px}.pro-visit-bar-label>strong{font-size:14px}.pro-visit-bar-track{height:11px}.pro-visit-guide{gap:8px;font-size:9px}.pro-visit-guide b{width:100%;margin-inline-start:0}
}
@media(max-width:430px){
  .manage-command-btn{padding-inline:8px!important}.manage-command-btn span{max-width:72px;overflow:hidden;text-overflow:ellipsis}
  .manage-stat-card{min-height:68px!important}.manage-stat-copy strong{font-size:17px!important}.manage-stat-icon{width:31px!important;height:31px!important;flex-basis:31px!important}
}

/* القائمة الجانبية: طبقة مستقلة عن بطاقات إدارة النظام لضمان ظهورها في كل الصفحات */
.topbar{z-index:1010!important}.sidebar{z-index:1000!important}.sidebar-overlay{z-index:990!important}
@media(max-width:700px){.sidebar{position:fixed!important;right:0!important;top:64px!important;bottom:0!important;transform:translateX(110%)!important}.sidebar.open{transform:translateX(0)!important}.sidebar-overlay{position:fixed!important;z-index:990!important}}


/* فرق المشرفين + فلاتر سجل الأحداث */
.team-linked-box{margin:0 0 18px;padding:14px 16px;border:1px solid var(--line,#dce5eb);border-radius:14px;background:var(--surface-soft,#f7fafc)}
.team-linked-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.team-linked-head strong{font-size:14px}.team-linked-head span{min-width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:var(--primary-soft,#e9f3f8);font-weight:700}
.team-linked-list{display:flex;flex-wrap:wrap;gap:8px}.team-linked-chip{padding:7px 10px;border-radius:999px;background:#fff;border:1px solid var(--line,#dce5eb);font-size:13px}
.audit-quick-filter{display:grid;gap:12px}.quick-range-buttons{display:flex;flex-wrap:wrap;gap:8px}.quick-range-buttons .active{box-shadow:0 0 0 2px rgba(20,100,140,.16)}
.audit-date-fields{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.audit-date-fields label,.audit-sort-row label{display:grid;gap:5px;font-size:12px;font-weight:700}.audit-date-fields input,.audit-sort-row select{min-height:40px}
.audit-sort-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
@media(max-width:700px){.audit-date-fields,.audit-sort-row{display:grid;grid-template-columns:1fr 1fr}.audit-date-fields .btn,.audit-sort-row .btn{grid-column:1/-1}.quick-range-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.quick-range-buttons .btn{width:100%}.team-linked-list{max-height:150px;overflow:auto}}

/* Master-data lists: load a small visible subset first, then expand on demand. */
.entity-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 12px;margin-bottom:2px;border-bottom:1px solid var(--line)}
.entity-list-search{position:relative;display:flex;align-items:center;gap:8px;min-width:280px;flex:1}.entity-list-search>span{position:absolute;inset-inline-end:11px;color:var(--muted);pointer-events:none}.entity-list-search input{width:100%;padding:9px 34px 9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:13px}.entity-list-search small{position:absolute;inset-inline-start:12px;color:var(--muted);font-size:10px;pointer-events:none;transform:translateX(-100%);margin-inline-start:-7px;white-space:nowrap}.entity-list-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.entity-sort{display:flex;align-items:center;gap:6px;margin:0!important;white-space:nowrap}.entity-sort span{font-size:11px;color:var(--muted);font-weight:800}.entity-sort select{min-width:170px;padding:8px 10px!important;font-size:11px!important}.entity-list-card .tablewrap{max-height:calc(100vh - 320px);overflow:auto}.entity-list-card table thead th{position:sticky;top:0;z-index:2;background:var(--surface)}
.column-chooser-backdrop{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(8,22,34,.42);backdrop-filter:blur(3px)}
.column-chooser-modal{width:min(720px,94vw)!important;max-height:min(86vh,780px)!important;overflow:hidden;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 90px rgba(10,28,43,.24)}
.column-chooser-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid var(--line)}.column-chooser-head strong{display:block;font-size:16px}.column-chooser-head small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.column-chooser-close{width:34px;height:34px;border:0;border-radius:10px;background:var(--soft);color:var(--text);font-size:22px}.column-chooser-tools{display:flex;gap:7px;padding:10px 20px;border-bottom:1px solid var(--line)}.column-chooser-modal .column-options{padding:14px 20px;max-height:50vh;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.column-option span{display:flex;flex-direction:column;min-width:0}.column-option span b{font-size:12px}.column-option span small{font-size:9px;color:var(--muted);margin-top:2px}.column-chooser-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--line)}.column-chooser-footer>div{display:flex;gap:7px}.column-save-note{margin:0!important}
@media(max-width:700px){.entity-list-toolbar{align-items:stretch;flex-direction:column}.entity-list-search{min-width:0}.entity-list-actions{display:grid;grid-template-columns:1fr 1fr}.entity-sort{grid-column:1/-1}.entity-sort select{flex:1;min-width:0}.entity-list-card .tablewrap{max-height:calc(100vh - 380px)}.column-chooser-backdrop{padding:8px}.column-chooser-modal .column-options{grid-template-columns:1fr;padding:12px 14px;max-height:55vh}.column-chooser-head,.column-chooser-tools,.column-chooser-footer{padding-inline:14px}.column-chooser-footer{align-items:stretch;flex-direction:column}.column-chooser-footer>div{display:grid;grid-template-columns:1fr 1fr}.column-save-note{text-align:center}}

/* Final manage-system controls */
.manage-inline-sort{display:inline-flex;align-items:center;gap:6px;margin:0!important;white-space:nowrap}
.manage-inline-sort span{font-size:11px;color:var(--muted);font-weight:800}
.manage-inline-sort select{min-width:145px;padding:9px 10px!important;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:12px!important}
.report-repeat-head{display:none}
.report-page-klicheh{display:flex;align-items:center;gap:12px;padding:0 0 7px;text-align:right}
.report-page-klicheh img{width:92px;height:36px;object-fit:contain}
.report-page-klicheh strong{display:block;font-size:13px;color:#173042}
.report-page-klicheh span{display:block;margin-top:2px;font-size:8.5px;color:#60727e;font-weight:600}
@media print{
  @page{size:A4 landscape;margin:10mm}
  .report-repeat-head{display:table-row!important}
  .report-repeat-head>th{padding:0 0 5px!important;border:0!important;background:#fff!important}
  .report-page-klicheh{border-bottom:1.5px solid #174b6d;padding-bottom:6px;margin-bottom:2px}
  .report-page-klicheh img{width:96px;height:38px}
  .report-page-klicheh strong{font-size:13px}
  .report-page-klicheh span{font-size:8.5px}
  .report table thead{display:table-header-group!important}
}
@media(max-width:700px){
  .manage-inline-sort{width:100%;justify-content:space-between}
  .manage-inline-sort select{flex:1;min-width:0}
  .manage-tools{grid-template-columns:1fr!important}
  .manage-tools .table-search{grid-column:auto!important}
  .report-page-klicheh{gap:8px}
}
.settings-page-grid{display:grid;gap:16px;max-width:1100px}.settings-card .cardhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-card .cardhead>svg{width:28px;height:28px;opacity:.65}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings-grid label,.settings-password-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700}.settings-grid select,.settings-password-grid input{width:100%}.settings-grid small{font-weight:500;opacity:.7;line-height:1.5}.settings-password-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.settings-password-grid>div{display:flex;align-items:end}@media(max-width:800px){.settings-grid,.settings-password-grid{grid-template-columns:1fr}.settings-card{padding:14px}.settings-password-grid>div{display:block}.settings-password-grid .btn{width:100%}}

.settings-page-grid{display:grid;gap:16px;max-width:1100px}.settings-card .cardhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-card .cardhead>svg{width:28px;height:28px;opacity:.65}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings-grid label,.settings-password-grid label{display:flex;flex-direction:column;gap:7px;font-weight:700}.settings-grid select,.settings-password-grid input{width:100%}.settings-grid small{font-weight:500;opacity:.7}.settings-password-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}@media(max-width:800px){.settings-grid,.settings-password-grid{grid-template-columns:1fr}.settings-password-grid .btn{width:100%}}

/* ===== ZAER Mobile Admin UX — mobile-only, desktop layout untouched ===== */
@media (max-width: 700px){
  /* مركز إدارة النظام: لا نضغط أدوات الكمبيوتر في شريط واحد على الهاتف */
  .manage-command-bar{
    position:static!important;
    margin:0 0 12px!important;
    padding:8px!important;
    border-radius:16px!important;
    box-shadow:0 5px 16px rgba(17,52,69,.06)!important;
    backdrop-filter:none!important;
  }
  .manage-command-scroll{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    overflow:visible!important;
    padding:0!important;
  }
  .manage-command-btn{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:8px 7px!important;
    border:1px solid var(--line)!important;
    border-radius:11px!important;
    background:var(--surface)!important;
    font-size:10px!important;
    white-space:normal!important;
    line-height:1.35!important;
  }
  .manage-command-btn .zicon{width:16px!important;height:16px!important;flex:0 0 16px}
  .manage-command-btn span{overflow:visible!important;text-overflow:clip!important;max-width:none!important}
  .manage-command-btn.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}

  /* البطاقات الإحصائية: صفّان خفيفان بدل بطاقات كبيرة */
  .manage-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-bottom:11px!important}
  .manage-stat-card{min-height:66px!important;padding:8px!important;border-radius:12px!important;gap:7px!important}
  .manage-stat-icon{width:31px!important;height:31px!important;flex-basis:31px!important;border-radius:9px!important}
  .manage-stat-icon .zicon{width:15px!important;height:15px!important}
  .manage-stat-copy small{font-size:9px!important;line-height:1.25!important}
  .manage-stat-copy strong{font-size:17px!important}
  .manage-stat-copy em{display:none!important}
  .manage-stat-arrow{font-size:13px!important}

  /* رأس كل نافذة: العنوان ثم الأدوات، بدون تزاحم */
  .manage-pagehead{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:9px!important}
  .manage-pagehead h1{font-size:21px!important;line-height:1.3!important}
  .manage-pagehead>a.btn{width:100%!important;text-align:center!important}
  .cardhead{align-items:stretch!important;flex-direction:column!important;gap:10px!important}
  .cardhead>div:first-child{min-width:0!important}
  .cardhead h2{font-size:17px!important;line-height:1.4!important;margin:0!important}
  .cardhead .metric-note,.cardhead .chart-subtitle{font-size:10px!important;line-height:1.55!important;margin-top:4px!important}
  .head-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;align-items:stretch!important}
  .head-actions>.btn,.head-actions>.print-menu-wrap,.head-actions>a.btn{width:100%!important;min-width:0!important}
  .head-actions>.badge{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important}
  .print-menu-wrap{position:relative!important;width:100%!important}
  .print-menu-wrap>.btn{width:100%!important}
  .print-menu{left:0!important;right:0!important;min-width:0!important;width:100%!important}

  /* شريط الأقسام الفرعية: بطاقات صغيرة قابلة للتمرير بدل تكديس النص */
  .manage-subnav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important;padding:5px!important;margin-bottom:9px!important}
  .manage-subnav a{min-height:36px!important;padding:7px 6px!important;font-size:10px!important;text-align:center!important;line-height:1.25!important}

  /* أشرطة البحث والفرز: كل أداة في صف واضح */
  .entity-list-toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:9px 0!important}
  .entity-list-search{width:100%!important;min-width:0!important}
  .entity-list-search input{min-height:40px!important;font-size:12px!important}
  .entity-list-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .entity-sort{width:100%!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:7px!important}
  .entity-sort select{width:100%!important;min-width:0!important;min-height:40px!important}
  .entity-list-actions>.btn{width:100%!important}

  /* كل النماذج الإدارية تتحول لعمود واحد على الهاتف */
  .manage-page .grid2,.manage-page .grid3,.manage-page .grid4,
  #manage .grid2,#manage .grid3,#manage .grid4,
  .compact-form.grid2{grid-template-columns:1fr!important}
  .manage-page label,.manage-page input,.manage-page select,.manage-page textarea{max-width:100%!important}
  .manage-page input,.manage-page select,.manage-page textarea{min-height:40px!important}
  .manage-page .form-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .manage-page .form-actions .btn{width:100%!important}

  /* الجداول: مساحة أفقية قابلة للتمرير بدل ضغط الأعمدة فوق بعضها */
  .manage-page .tablewrap,
  #manage .tablewrap,
  .entity-list-card .tablewrap{width:100%!important;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:11px!important}
  .manage-page table,
  #manage table{min-width:680px!important}
  .manage-page table th,.manage-page table td,
  #manage table th,#manage table td{white-space:nowrap!important;font-size:10px!important;padding:8px 7px!important}
  .manage-page table .actions{white-space:normal!important;min-width:145px!important}
  .manage-page table .actions .btn{margin:2px!important}

  /* المستخدمون: بطاقات الحالة في عمودين، بدون تمدد أفقي */
  .user-presence-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .presence-chip{min-width:0!important;padding:9px!important;border-radius:11px!important}
  .presence-chip strong{font-size:17px!important}
  .presence-chip span b{font-size:10px!important}.presence-chip span small{font-size:8px!important}

  /* فرق المشرفين */
  .team-linked-box{padding:11px!important;margin-bottom:10px!important}
  .team-linked-head{align-items:flex-start!important}
  .team-linked-list{max-height:170px!important;overflow:auto!important}
  .team-linked-chip{font-size:10px!important;padding:6px 8px!important}
  .multi-select-menu{max-height:45vh!important}

  /* إحصائيات التنبيهات والحضور */
  .notification-admin-stats,.manage-mini-stats{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .notification-admin-stats article,.manage-mini-stats article{padding:9px!important;border-radius:10px!important}

  /* الصلاحيات والأدوات الطويلة: تقسيم بصري واضح */
  .permission-grid{grid-template-columns:1fr!important;gap:7px!important}
  .role-picker{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .role-picker select{width:100%!important;min-height:40px!important}

  /* النوافذ المنبثقة على الهاتف */
  .modal,.dialog,.modal-card{width:calc(100vw - 20px)!important;max-width:none!important;max-height:88vh!important}
  .modal-body,.dialog-body{overflow:auto!important;-webkit-overflow-scrolling:touch!important}
}

@media (max-width: 380px){
  .manage-command-scroll,.manage-subnav{grid-template-columns:1fr!important}
  .manage-stat-grid,.user-presence-summary{grid-template-columns:1fr!important}
  .head-actions{grid-template-columns:1fr!important}
  .manage-page .form-actions{grid-template-columns:1fr!important}
}
/* سجل الأحداث: زر العرض واضح في إدارة النظام وعلى الجوال */
.audit-action-cell{white-space:nowrap}.audit-info-btn{min-width:68px;font-weight:800}
@media(max-width:650px){
  #manageAuditTable{min-width:820px}
  .audit-info-btn{min-width:64px;padding:8px 10px}
}