/* Phase158 — Unified Admin + Mobile UI from user reference */
:root{
  --cdz158-primary:#073b78;
  --cdz158-primary2:#0b5ed7;
  --cdz158-primary-soft:#eaf3ff;
  --cdz158-accent:#ff304f;
  --cdz158-bg:#f4f7fb;
  --cdz158-surface:#ffffff;
  --cdz158-card:#ffffff;
  --cdz158-text:#101828;
  --cdz158-muted:#667085;
  --cdz158-line:#e6eaf0;
  --cdz158-green:#12b76a;
  --cdz158-gold:#ffb703;
  --cdz158-shadow:0 16px 42px rgba(16,24,40,.10);
  --cdz158-shadow-soft:0 10px 24px rgba(16,24,40,.08);
  --cdz158-radius-xl:28px;
  --cdz158-radius-lg:22px;
  --cdz158-radius-md:16px;
}

html,body{font-family:"Cairo",Tahoma,Arial,sans-serif!important}

/* ================= ADMIN UNIFIED FACEBOOK/YOUTUBE STYLE ================= */
body.cdz-admin-unified,
body.cdz153-admin-page,
body:has(.cdz-admin-shell){
  background:linear-gradient(180deg,#eef5ff 0%,#f8fafc 44%,#edf2f7 100%)!important;
  color:var(--cdz158-text)!important;
}
body.cdz-admin-unified *,.cdz-admin-shell *{font-family:"Cairo",Tahoma,Arial,sans-serif!important}
.cdz-admin-shell{background:transparent!important;display:grid!important;grid-template-columns:292px minmax(0,1fr)!important;gap:18px!important;min-height:100vh!important;padding:0!important;color:var(--cdz158-text)!important}
.cdz-admin-main{background:transparent!important;color:var(--cdz158-text)!important;padding:20px 24px 34px!important;min-width:0!important}
.cdz-admin-sidebar{background:#fff!important;color:var(--cdz158-text)!important;border-left:1px solid var(--cdz158-line)!important;box-shadow:0 12px 38px rgba(7,59,120,.08)!important;width:292px!important;position:sticky!important;top:0!important;height:100vh!important;overflow:auto!important;padding:14px 0!important}
.cdz-admin-brand{margin:0 14px 14px!important;padding:16px!important;border-radius:22px!important;background:linear-gradient(135deg,var(--cdz158-primary),var(--cdz158-primary2))!important;border:0!important;color:#fff!important;box-shadow:0 16px 32px rgba(11,94,215,.24)!important;font-weight:900!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:70px!important}
.cdz-admin-brand:before{content:"DZ";width:44px;height:44px;border-radius:15px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-weight:1000;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.cdz-admin-nav{padding:0 8px 20px!important;display:grid!important;gap:4px!important}
.cdz-admin-nav a{background:transparent!important;color:#344054!important;border:1px solid transparent!important;border-radius:15px!important;margin:0!important;padding:12px 14px!important;display:flex!important;align-items:center!important;gap:12px!important;font-size:14px!important;font-weight:800!important;text-decoration:none!important;transition:.18s ease!important;min-height:46px!important}
.cdz-admin-nav a:hover{background:#f2f7ff!important;color:var(--cdz158-primary)!important;border-color:#dcecff!important;transform:translateX(-2px)!important}
.cdz-admin-nav a.active{background:linear-gradient(135deg,#eaf3ff,#f7fbff)!important;color:var(--cdz158-primary2)!important;border-color:#cfe5ff!important;box-shadow:0 10px 24px rgba(11,94,215,.10)!important}
.cdz-admin-nav svg{width:21px!important;height:21px!important;stroke:currentColor!important;color:var(--cdz158-primary2)!important;fill:none!important;stroke-width:1.9!important;flex:0 0 auto!important}

/* Remove old dark blocks inside admin pages */
.cdz-admin-shell .cdz152-panel,.cdz-admin-shell .cdz152-kpi,.cdz-admin-shell .cdz-admin-card,.cdz-admin-shell .cdz138-card,.cdz-admin-shell .cdz147-control-card,.cdz-admin-shell .card,.cdz-admin-shell .panel,.cdz-admin-shell .box,.cdz-admin-shell .widget,.cdz-admin-shell .stat-card{
  background:#fff!important;color:var(--cdz158-text)!important;border:1px solid var(--cdz158-line)!important;border-radius:var(--cdz158-radius-lg)!important;box-shadow:var(--cdz158-shadow-soft)!important;
}
.cdz-admin-shell .cdz152-manager-hero,.cdz-admin-shell .cdz152-control-hero,.cdz-admin-shell .cdz152-meta-hero,.cdz-admin-shell .cdz-admin-hero,.cdz-admin-shell .hero,.cdz-admin-shell .page-header{
  background:linear-gradient(135deg,#fff,#f4f9ff)!important;color:var(--cdz158-text)!important;border:1px solid #dcecff!important;border-radius:28px!important;box-shadow:var(--cdz158-shadow)!important;position:relative!important;overflow:hidden!important;
}
.cdz-admin-shell .cdz152-manager-hero:before,.cdz-admin-shell .cdz152-control-hero:before,.cdz-admin-shell .cdz-admin-hero:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at top left,rgba(11,94,215,.12),transparent 30%)!important;pointer-events:none!important}
.cdz-admin-shell h1,.cdz-admin-shell h2,.cdz-admin-shell h3,.cdz-admin-shell h4,.cdz-admin-shell strong,.cdz-admin-shell b{color:var(--cdz158-text)!important}
.cdz-admin-shell p,.cdz-admin-shell small,.cdz-admin-shell .cdz152-sub,.cdz-admin-shell .cdz138-sub,.cdz-admin-shell .muted{color:var(--cdz158-muted)!important}
.cdz-admin-shell .cdz152-kpis,.cdz-admin-shell .cdz-admin-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:18px 0!important}
.cdz-admin-shell .cdz152-kpi span,.cdz-admin-shell .cdz-admin-card span{display:block!important;color:var(--cdz158-muted)!important;font-size:13px!important;margin-bottom:7px!important}
.cdz-admin-shell .cdz152-kpi b,.cdz-admin-shell .cdz-admin-card strong{font-size:30px!important;color:var(--cdz158-primary)!important}
.cdz-admin-shell input,.cdz-admin-shell select,.cdz-admin-shell textarea,.cdz-admin-shell .field,.cdz-admin-shell .cdz152-field input,.cdz-admin-shell .cdz152-field select,.cdz-admin-shell .cdz152-field textarea,.cdz-admin-shell .cdz138-toolbar input,.cdz-admin-shell .cdz138-toolbar select{
  background:#fff!important;color:var(--cdz158-text)!important;border:1px solid var(--cdz158-line)!important;border-radius:16px!important;box-shadow:none!important;outline:none!important;
}
.cdz-admin-shell input:focus,.cdz-admin-shell select:focus,.cdz-admin-shell textarea:focus{border-color:#9dccff!important;box-shadow:0 0 0 4px rgba(11,94,215,.10)!important}
.cdz-admin-shell label,.cdz-admin-shell .cdz152-field label{color:#344054!important;font-weight:900!important}
.cdz-admin-shell .cdz152-btn,.cdz-admin-shell .btn,.cdz-admin-shell button,.cdz-admin-shell a.button,.cdz-admin-shell .cdz147-mini-actions a{
  border-radius:14px!important;font-weight:900!important;text-decoration:none!important;transition:.18s ease!important;
}
.cdz-admin-shell .cdz152-btn.gold,.cdz-admin-shell .btn-primary,.cdz-admin-shell .submit-btn,.cdz-admin-shell .cdz147-mini-actions a.gold,.cdz-admin-shell button.primary{background:linear-gradient(135deg,var(--cdz158-primary2),var(--cdz158-primary))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 24px rgba(11,94,215,.20)!important}
.cdz-admin-shell .cdz152-btn:not(.gold):not(.red):not(.green),.cdz-admin-shell .btn:not(.btn-danger):not(.btn-success){background:#f8fafc!important;color:#344054!important;border:1px solid var(--cdz158-line)!important}
.cdz-admin-shell .cdz152-btn.red,.cdz-admin-shell .btn-danger,.cdz-admin-shell button.danger{background:#fee2e2!important;color:#b42318!important;border:1px solid #fecaca!important}
.cdz-admin-shell .cdz152-btn.green,.cdz-admin-shell .btn-success,.cdz-admin-shell button.success{background:#ecfdf3!important;color:#067647!important;border:1px solid #bbf7d0!important}
.cdz-admin-shell table,.cdz-admin-shell .cdz152-table,.cdz-admin-shell .cdz138-table{width:100%!important;border-collapse:separate!important;border-spacing:0 9px!important;background:transparent!important;color:var(--cdz158-text)!important}
.cdz-admin-shell th{color:#475467!important;font-size:12px!important;font-weight:900!important;background:transparent!important;padding:8px 10px!important;text-align:right!important}
.cdz-admin-shell td{background:#fff!important;color:var(--cdz158-text)!important;border-top:1px solid var(--cdz158-line)!important;border-bottom:1px solid var(--cdz158-line)!important;padding:12px 10px!important}
.cdz-admin-shell td:first-child{border-radius:0 16px 16px 0!important;border-right:1px solid var(--cdz158-line)!important}
.cdz-admin-shell td:last-child{border-radius:16px 0 0 16px!important;border-left:1px solid var(--cdz158-line)!important}
.cdz-admin-shell .cdz152-badge,.cdz-admin-shell .cdz138-badge,.cdz-admin-shell .badge{border-radius:999px!important;padding:5px 10px!important;background:var(--cdz158-primary-soft)!important;color:#095cb5!important;border:1px solid #d6eaff!important;font-size:11px!important;font-weight:900!important}
.cdz-admin-shell .cdz138-avatar,.cdz-admin-shell .avatar{border:2px solid #eaf3ff!important;box-shadow:0 10px 20px rgba(7,59,120,.10)!important}
.cdz-admin-shell .cdz152-preview-frame{background:#f4f7fb!important;border:1px solid #dcecff!important;border-radius:30px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 20px 45px rgba(16,24,40,.10)!important;color:var(--cdz158-text)!important}
.cdz-admin-shell .cdz152-preview-top,.cdz-admin-shell .cdz152-preview-card{background:#fff!important;border:1px solid var(--cdz158-line)!important;color:var(--cdz158-text)!important}
.cdz-admin-shell .cdz152-preview-tabs{background:#fff!important;border:1px solid var(--cdz158-line)!important;border-radius:999px!important;padding:6px!important;width:max-content!important;max-width:100%!important;display:flex!important;gap:5px!important}
.cdz-admin-shell .cdz152-preview-tabs button{background:transparent!important;color:#667085!important;border:0!important;border-radius:999px!important;padding:9px 14px!important}
.cdz-admin-shell .cdz152-preview-tabs button.active{background:var(--cdz158-primary2)!important;color:#fff!important;box-shadow:0 8px 18px rgba(11,94,215,.18)!important}

/* Professional ad appearance inside admin preview and public site */
.cdz152-ad-slot{contain:layout style!important;clear:both!important}
.cdz152-ad-shell{background:#fff!important;border:1px solid var(--cdz158-line)!important;color:var(--cdz158-text)!important;border-radius:22px!important;box-shadow:var(--cdz158-shadow-soft)!important;overflow:hidden!important}
.cdz152-ad-media{background:#eef5ff!important;border:1px solid #dcecff!important;border-radius:18px!important;overflow:hidden!important}
.cdz152-ad-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.cdz152-ad-label{background:rgba(7,59,120,.08)!important;color:var(--cdz158-primary)!important;border:1px solid #dcecff!important;border-radius:999px!important;font-size:10px!important;padding:3px 8px!important;font-weight:900!important}
.cdz152-ad-close{background:#fff!important;color:#344054!important;border:1px solid var(--cdz158-line)!important;box-shadow:0 6px 14px rgba(16,24,40,.10)!important}
.cdz152-ad-info h3{color:var(--cdz158-text)!important;font-weight:900!important}
.cdz152-ad-info p{color:#475467!important}
.cdz152-ad-cta{background:var(--cdz158-primary2)!important;color:#fff!important;border-color:transparent!important;border-radius:999px!important}

/* ================= PUBLIC MOBILE MATCHING USER REFERENCE ================= */
@media(max-width:760px){
  body:not(.cdz-admin-unified):not(.cdz153-admin-page):not(:has(.cdz-admin-shell)){
    background:radial-gradient(circle at top left,rgba(11,94,215,.17),transparent 30%),linear-gradient(180deg,#eef5ff 0%,#f8fafc 38%,#edf2f7 100%)!important;
    color:var(--cdz158-text)!important;
    overflow-x:hidden!important;
  }
  .cdz-main-header{position:sticky!important;top:0!important;z-index:60!important;background:rgba(244,247,251,.90)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(230,234,240,.75)!important;box-shadow:none!important;padding:12px 14px!important}
  .cdz-header-inner{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;align-items:center!important;width:100%!important;max-width:430px!important;margin:0 auto!important}
  .cdz-brand{display:flex!important;align-items:center!important;gap:10px!important;color:var(--cdz158-text)!important;font-weight:900!important;text-decoration:none!important;min-width:0!important}
  .cdz-brand-mark{width:44px!important;height:44px!important;border-radius:15px!important;background:linear-gradient(135deg,var(--cdz158-primary),var(--cdz158-primary2))!important;color:#fff!important;display:grid!important;place-items:center!important;box-shadow:0 12px 26px rgba(11,94,215,.28)!important;flex:0 0 auto!important}
  .cdz-brand span:last-child{font-size:18px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--cdz158-text)!important}
  .cdz-desktop-nav,.desktop-only,.cdz-profile-chip .cdz-chip-text{display:none!important}
  .cdz-user-actions{display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-end!important}
  .cdz-icon-link,.cdz-mobile-menu-btn,.icon-btn{width:42px!important;height:42px!important;border-radius:15px!important;background:#fff!important;color:var(--cdz158-text)!important;display:grid!important;place-items:center!important;box-shadow:var(--cdz158-shadow-soft)!important;border:0!important;position:relative!important}
  .cdz-icon-link svg,.cdz-mobile-menu-btn svg,.cdz-mi{width:19px!important;height:19px!important;stroke:currentColor!important}
  .cdz-notif-badge{position:absolute!important;top:5px!important;left:5px!important;background:var(--cdz158-accent)!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;min-width:18px!important;height:18px!important;font-size:10px!important;display:grid!important;place-items:center!important;font-weight:900!important}
  .cdz-mobile-sheet{background:#fff!important;color:var(--cdz158-text)!important;border-right:1px solid var(--cdz158-line)!important;box-shadow:0 20px 80px rgba(7,59,120,.16)!important}
  .cdz-sheet-user,.cdz-sheet-list a{color:var(--cdz158-text)!important;border-color:var(--cdz158-line)!important}
  main,.content,.cdz-content,.dashboard-main{background:transparent!important;color:var(--cdz158-text)!important}
  .hero,.cdz-hero,.home-hero,.dashboard-hero{border-radius:28px!important;padding:18px!important;background:linear-gradient(135deg,rgba(7,59,120,.96),rgba(11,94,215,.90))!important;color:#fff!important;box-shadow:0 24px 50px rgba(7,59,120,.25)!important;overflow:hidden!important;border:0!important;margin:14px 12px 16px!important}
  .hero h1,.hero h2,.cdz-hero h1,.cdz-hero h2,.home-hero h1,.home-hero h2,.dashboard-hero h1{color:#fff!important;font-size:22px!important;line-height:1.45!important;font-weight:900!important}
  .hero p,.cdz-hero p,.home-hero p,.dashboard-hero p{color:rgba(255,255,255,.84)!important;font-size:12px!important;line-height:1.8!important}
  .section-head,.cdz-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:18px 14px 10px!important}
  .section-head h2,.section-head h3,.cdz-section-head h2,.cdz-section-head h3{color:var(--cdz158-text)!important;font-size:16px!important;font-weight:900!important;margin:0!important}
  .profile-card,.cdz-profile-card,.talent-card,.casting-card,.cdz-casting-card,.service-card,.article-card,.account-card,.family-card,.dashboard-card,.stat-card,.cdz-card{background:#fff!important;color:var(--cdz158-text)!important;border:1px solid rgba(230,234,240,.95)!important;border-radius:22px!important;box-shadow:var(--cdz158-shadow-soft)!important;overflow:hidden!important}
  .profile-card h3,.profile-card h4,.cdz-profile-card h3,.talent-card h3,.casting-card h3,.cdz-casting-card h3,.service-card h3,.article-card h3{color:var(--cdz158-text)!important;font-weight:900!important}
  .profile-card p,.profile-desc,.casting-card p,.cdz-casting-card p,.service-card p,.article-card p,.profile-info span,.company-meta span{color:#475467!important;line-height:1.75!important}
  .profile-photo,.avatar,.company-logo,.family-avatar{background:linear-gradient(135deg,#0b5ed7,#073b78)!important;color:#fff!important;border-radius:20px!important;overflow:hidden!important;display:grid!important;place-items:center!important}
  .profile-photo img,.avatar img,.company-logo img,.family-avatar img,.cdz-profile-card img,.talent-card img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
  .badge,.tag,.city-pill{border-radius:999px!important;background:#f8fafc!important;border:1px solid #edf2f7!important;color:#475467!important;font-weight:800!important}
  .badge.verified,.verified{background:var(--cdz158-primary-soft)!important;color:#095cb5!important}
  .apply-btn,.small-btn,.btn-primary,.cdz-btn-primary,.cdz-btn-gold{background:linear-gradient(135deg,var(--cdz158-accent),#e11d48)!important;color:#fff!important;border:0!important;border-radius:15px!important;box-shadow:0 12px 22px rgba(255,48,79,.20)!important;font-weight:900!important}
  .save-btn,.btn-light,.cdz-btn{background:var(--cdz158-primary-soft)!important;color:var(--cdz158-primary2)!important;border:0!important;border-radius:15px!important}
  .mini-tabs,.filter-tabs,.tabs{display:flex!important;gap:8px!important;overflow-x:auto!important;padding:2px 14px 10px!important;scrollbar-width:none!important}.mini-tabs::-webkit-scrollbar,.filter-tabs::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none!important}
  .mini-tab,.filter-tab,.tab{flex:0 0 auto!important;padding:9px 12px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--cdz158-line)!important;color:var(--cdz158-muted)!important;font-size:12px!important;font-weight:800!important;box-shadow:0 8px 18px rgba(16,24,40,.05)!important}
  .mini-tab.active,.filter-tab.active,.tab.active{background:var(--cdz158-primary)!important;color:#fff!important;border-color:var(--cdz158-primary)!important}
  .dzm-bottom-nav,.cdz148-bottom-nav{position:fixed!important;left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;width:min(calc(100% - 24px),406px)!important;height:72px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(22px)!important;border:1px solid rgba(230,234,240,.9)!important;box-shadow:0 18px 45px rgba(16,24,40,.18)!important;border-radius:25px!important;z-index:999!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:3px!important;padding:8px!important}
  .dzm-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border-radius:18px!important;color:#667085!important;font-size:9px!important;font-weight:800!important;background:transparent!important;position:relative!important;min-width:0!important;text-decoration:none!important}
  .dzm-nav-item svg{width:18px!important;height:18px!important}.dzm-nav-item span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  .dzm-nav-item.active,.dzm-nav-item:hover,.cdz148-nav-plus{color:#fff!important;background:linear-gradient(135deg,var(--cdz158-primary),var(--cdz158-primary2))!important;box-shadow:0 10px 20px rgba(11,94,215,.22)!important}
  .cdz152-ad-slot{margin:12px 14px!important}.cdz152-ad-shell{border-radius:22px!important;background:#fff!important;border:1px solid var(--cdz158-line)!important;box-shadow:var(--cdz158-shadow-soft)!important;grid-template-columns:92px 1fr!important;min-height:104px!important}.cdz152-ad-media{width:92px!important;height:78px!important;border-radius:18px!important}.cdz152-ad-info h3{font-size:14px!important}.cdz152-ad-info p{font-size:12px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
}
@media(max-width:1000px){.cdz-admin-shell{grid-template-columns:1fr!important}.cdz-admin-sidebar{position:relative!important;width:100%!important;height:auto!important;border-left:0!important;border-bottom:1px solid var(--cdz158-line)!important}.cdz-admin-main{padding:16px!important}.cdz-admin-shell .cdz152-kpis,.cdz-admin-shell .cdz-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.cdz-admin-shell .cdz152-kpis,.cdz-admin-shell .cdz-admin-grid{grid-template-columns:1fr!important}.cdz-admin-main{padding:14px!important}.cdz-admin-sidebar{border-radius:0 0 22px 22px!important}.cdz-admin-nav{max-height:320px;overflow:auto}.cdz-admin-shell table{min-width:720px!important}.cdz-admin-shell .cdz152-table-wrap,.cdz-admin-shell .table-wrap{overflow:auto!important}}