/* لوحة تحكم الموظفين — سماء الميدان — ستايل مستقل تمامًا عن الموقع العام وعن wp-admin */
:root{
  --sky-orange:#f48020; --sky-orange-dark:#d96a12; --sky-ink:#141a23; --sky-sub:#5c6671;
  --sky-bg:#f5f6f8; --sky-card:#ffffff; --sky-border:#e5e8ec; --sky-green:#1b8a5a; --sky-red:#d2232a;
  --sky-radius:12px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--sky-bg); color:var(--sky-ink);
  font-family:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
  font-size:14.5px; line-height:1.6;
}
a{color:inherit; text-decoration:none;}
img{max-width:100%;}

/* ---------- الهيكل العام ---------- */
.sky-shell{display:flex; min-height:100vh;}
.sky-side{
  width:230px; flex:none; background:#171d27; color:#c7ced7;
  display:flex; flex-direction:column; position:sticky; top:0; height:100vh;
}
.sky-side-brand{display:flex; flex-direction:column; align-items:flex-start; gap:8px; padding:22px 18px; border-bottom:1px solid rgba(255,255,255,.08);}
.sky-side-logo{width:100%; max-width:150px; height:auto; display:block;}
.sky-side-tag{font-size:11.5px; font-weight:700; color:#8b95a3; letter-spacing:.02em;}
.sky-nav{display:flex; flex-direction:column; padding:14px 10px; gap:2px; flex:1; overflow-y:auto;}
.sky-nav-link{
  display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:9px;
  color:#a9b2bd; font-size:13.5px; font-weight:600; position:relative;
}
.sky-nav-link:hover{background:rgba(255,255,255,.06); color:#fff;}
.sky-nav-link.is-active{background:var(--sky-orange); color:#fff;}
.sky-nav-link svg{flex:none;}
.sky-nav-badge{
  margin-inline-start:auto; background:var(--sky-red); color:#fff; font-size:11px; font-weight:800;
  border-radius:999px; min-width:19px; height:19px; display:flex; align-items:center; justify-content:center; padding:0 5px;
}
.sky-side-foot{padding:14px 18px; border-top:1px solid rgba(255,255,255,.08);}
.sky-side-view-site{display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; color:#a9b2bd;}
.sky-side-view-site:hover{color:#fff;}

.sky-main{flex:1; display:flex; flex-direction:column; min-width:0;}
.sky-top{
  display:flex; align-items:center; gap:16px; padding:12px 24px; background:var(--sky-card);
  border-bottom:1px solid var(--sky-border); position:sticky; top:0; z-index:5;
}
.sky-top-spacer{flex:1;}
.sky-lang-switch{font-size:12.5px; font-weight:800; color:var(--sky-orange); padding:6px 12px; border:1px solid #f4d8b8; border-radius:8px;}
.sky-lang-switch:hover{background:#fff3e8;}
.sky-user-chip{display:flex; align-items:center; gap:10px;}
.sky-user-avatar{
  width:34px; height:34px; border-radius:50%; background:#fff3e8; color:var(--sky-orange-dark);
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px;
}
.sky-user-meta{display:flex; flex-direction:column; line-height:1.3;}
.sky-user-meta strong{font-size:13px;}
.sky-user-meta small{font-size:11.5px; color:var(--sky-sub); font-weight:600;}
.sky-logout{color:var(--sky-sub); padding:6px; border-radius:8px;}
.sky-logout:hover{color:var(--sky-red); background:#fdeceb;}

.sky-content{padding:24px; max-width:1180px; width:100%; margin:0 auto;}

/* ---------- تنبيهات ---------- */
.sky-alert{padding:12px 16px; border-radius:10px; font-size:13.5px; font-weight:700; margin-bottom:18px;}
.sky-alert--ok{background:#e9f7f0; color:var(--sky-green); border:1px solid #bfe8d3;}
.sky-alert--err{background:#fdeceb; color:var(--sky-red); border:1px solid #f6c6c3;}

/* ---------- عناوين الصفحات ---------- */
.sky-page-head{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; flex-wrap:wrap;}
.sky-page-head h1{font-size:21px; font-weight:800; margin:0;}
.sky-page-head p{color:var(--sky-sub); font-size:13.5px; margin:4px 0 0;}

/* ---------- بطاقات ---------- */
.sky-cards{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:26px;}
@media (max-width:900px){.sky-cards{grid-template-columns:repeat(2,1fr);}}
.sky-card{background:var(--sky-card); border:1px solid var(--sky-border); border-radius:var(--sky-radius); padding:18px;}
.sky-card-num{font-size:28px; font-weight:800; color:var(--sky-orange-dark); display:block;}
.sky-card-label{font-size:12.5px; color:var(--sky-sub); font-weight:700;}
.sky-panel{background:var(--sky-card); border:1px solid var(--sky-border); border-radius:var(--sky-radius); padding:20px; margin-bottom:20px;}
.sky-panel h2{font-size:15px; font-weight:800; margin:0 0 14px;}
.sky-panel--link{transition:border-color .15s, box-shadow .15s;}
.sky-panel--link:hover{border-color:var(--sky-orange); box-shadow:0 2px 12px rgba(0,0,0,.06);}

/* ---------- أزرار ---------- */
.sky-btn{
  display:inline-flex; align-items:center; gap:6px; padding:9px 16px; border-radius:9px; font-size:13px; font-weight:700;
  border:1px solid var(--sky-border); background:#fff; color:var(--sky-ink); cursor:pointer;
}
.sky-btn:hover{background:#f5f6f8;}
.sky-btn--primary{background:var(--sky-orange); border-color:var(--sky-orange); color:#fff;}
.sky-btn--primary:hover{background:var(--sky-orange-dark); border-color:var(--sky-orange-dark);}
.sky-btn--danger{color:var(--sky-red); border-color:#f6c6c3;}
.sky-btn--danger:hover{background:#fdeceb;}
.sky-btn--sm{padding:6px 11px; font-size:12px;}
.sky-actions{display:flex; gap:8px; flex-wrap:wrap;}

/* ---------- جداول ---------- */
.sky-table-wrap{overflow-x:auto;}
table.sky-table{width:100%; border-collapse:collapse; font-size:13px;}
.sky-table th, .sky-table td{padding:11px 12px; border-bottom:1px solid var(--sky-border); text-align:start; vertical-align:middle;}
.sky-table th{color:var(--sky-sub); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.03em;}
.sky-table tr:last-child td{border-bottom:none;}
.sky-table img.sky-thumb{width:44px; height:44px; object-fit:cover; border-radius:8px;}
.sky-empty{padding:30px; text-align:center; color:var(--sky-sub); font-size:13.5px;}

/* ---------- شارات حالة ---------- */
.sky-badge{display:inline-flex; padding:3px 9px; border-radius:999px; font-size:11.5px; font-weight:800;}
.sky-badge--pending{background:#fff3e0; color:#a8620b;}
.sky-badge--approved,.sky-badge--published,.sky-badge--active{background:#e9f7f0; color:var(--sky-green);}
.sky-badge--rejected,.sky-badge--disabled{background:#fdeceb; color:var(--sky-red);}
.sky-badge--draft{background:#eef0f3; color:var(--sky-sub);}
.sky-badge--role{background:#eef2ff; color:#3949ab;}

/* ---------- نماذج ---------- */
.sky-form{display:flex; flex-direction:column; gap:14px; max-width:640px;}
.sky-form label{display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:700; color:var(--sky-ink);}
.sky-form input[type=text], .sky-form input[type=email], .sky-form input[type=password],
.sky-form input[type=number], .sky-form select, .sky-form textarea{
  font-family:inherit; font-size:13.5px; font-weight:500; padding:10px 12px; border:1px solid var(--sky-border);
  border-radius:9px; background:#fff; color:var(--sky-ink);
}
.sky-form textarea{min-height:110px; resize:vertical; line-height:1.7;}
.sky-form-row{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
@media (max-width:640px){.sky-form-row{grid-template-columns:1fr;}}
.sky-form-hint{font-size:12px; color:var(--sky-sub); font-weight:600;}
.sky-checklist{display:grid; grid-template-columns:repeat(2,1fr); gap:6px; max-height:200px; overflow:auto; border:1px solid var(--sky-border); border-radius:9px; padding:10px;}
.sky-checklist label{flex-direction:row; align-items:center; font-weight:600; gap:8px;}
.sky-current-file{display:flex; align-items:center; gap:10px; margin-bottom:8px;}

/* ---------- شاشة الدخول ---------- */
.sky-guest{min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px;}
.sky-auth-card{background:var(--sky-card); border:1px solid var(--sky-border); border-radius:16px; padding:32px; width:100%; max-width:400px; box-shadow:0 20px 44px -28px rgba(20,26,35,.28);}
.sky-auth-brand{display:flex; flex-direction:column; align-items:center; gap:10px; margin-bottom:18px; text-align:center;}
.sky-auth-logo{width:180px; max-width:70%; height:auto;}
.sky-auth-brand h1{font-size:13px; font-weight:700; color:var(--sky-sub); margin:0; letter-spacing:.02em;}
.sky-auth-desc{font-size:13px; color:var(--sky-sub); margin:0 0 10px; text-align:center;}
.sky-auth-h2{font-size:14px; font-weight:800; margin:0 0 12px; text-align:center;}
.sky-auth-lang{text-align:center; margin-top:16px; font-size:12.5px; font-weight:700;}
.sky-auth-lang a{color:var(--sky-orange);}

/* ---------- بطاقة رفع/عرض الصور ---------- */
.sky-media-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:14px;}
.sky-media-item{border:1px solid var(--sky-border); border-radius:10px; overflow:hidden; background:#fff;}
.sky-media-item img{width:100%; height:110px; object-fit:cover; display:block;}
.sky-media-item-body{padding:8px 10px;}
.sky-media-item-name{font-size:11.5px; font-weight:700; word-break:break-all; display:block; margin-bottom:6px;}

/* ---------- عام ---------- */
.sky-muted{color:var(--sky-sub);}
.sky-diff{background:#faf6f0; border:1px solid var(--sky-border); border-radius:9px; padding:10px 12px; font-size:12.5px; margin-bottom:6px;}
.sky-diff b{display:block; margin-bottom:2px; color:var(--sky-sub); font-size:11px; text-transform:uppercase;}