/* Shenoo Menoo universal visual theme — light is the default product experience. */
:root{
  --sh-radius:18px;
  --sh-radius-sm:12px;
  --sh-shadow:0 14px 38px rgba(31,41,55,.08);
  --sh-font:"Tajawal","Segoe UI",Tahoma,Arial,sans-serif;
}

html[data-theme="light"]{
  color-scheme:light;
  --bg:#e9eef4!important;
  --bg-soft:#f1f5f9!important;
  --panel:#f7f9fb!important;
  --panel2:#eef3f8!important;
  --card:#f8fafc!important;
  --card2:#eef3f8!important;
  --text:#20242b!important;
  --muted:#596579!important;
  --line:#cbd4df!important;
  --social-card:#f8fafc!important;
  --social-line:#cbd4df!important;
  --social-muted:#596579!important;
  --light-bg:#e9eef4!important;
  --light-surface:#f8fafc!important;
  --light-surface-2:#eef3f8!important;
  --light-text:#20242b!important;
  --light-muted:#596579!important;
  --light-border:#cbd4df!important;
  --accent:#6655d9;
  --accent-2:#5b8def;
  --success:#218a65;
  --warning:#c27a16;
  --danger:#c43d4f;
}

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0c111b!important;
  --bg-soft:#111827!important;
  --panel:#141c29!important;
  --panel2:#192334!important;
  --card:#141c29!important;
  --card2:#192334!important;
  --text:#f3f6fb!important;
  --muted:#aeb8c8!important;
  --line:#2a3547!important;
  --social-card:#141c29!important;
  --social-line:#2a3547!important;
  --social-muted:#aeb8c8!important;
  --accent:#8b7cf6;
  --accent-2:#66a1ff;
  --success:#58c79b;
  --warning:#f2b85c;
  --danger:#ef6b7a;
}

html[data-theme] body{
  font-family:var(--sh-font)!important;
  font-size:16px;
  line-height:1.72;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

html[data-theme="light"] body{
  color:var(--text)!important;
  background:
    radial-gradient(circle at 0 95%,rgba(76,211,194,.16),transparent 24%),
    radial-gradient(circle at 100% 18%,rgba(124,92,255,.16),transparent 28%),
    #e9eef4!important;
}

html[data-theme="dark"] body{
  color:var(--text)!important;
  background:
    radial-gradient(circle at 0 95%,rgba(39,216,196,.08),transparent 25%),
    radial-gradient(circle at 100% 10%,rgba(124,92,255,.12),transparent 28%),
    #0c111b!important;
}

/* Charcoal text in daylight; soft white text at night. */
html[data-theme="light"] :is(h1,h2,h3,h4,h5,h6,strong,b,label,.title,.heading,.card-title,.section-title,.privacy-row,.setting-row,.settings-row){
  color:#20242b!important;
  opacity:1!important;
}
html[data-theme="light"] :is(p,small,.muted,.hint,.meta,.subtitle,.description,.caption,.subtext,.form-message,.profile-media-note){
  color:#596579!important;
  opacity:1!important;
}
html[data-theme="dark"] :is(h1,h2,h3,h4,h5,h6,strong,b,label,.title,.heading,.card-title,.section-title){
  color:#f3f6fb!important;
}
html[data-theme="dark"] :is(p,small,.muted,.hint,.meta,.subtitle,.description,.caption,.subtext){
  color:#aeb8c8!important;
}

/* Universal cards / panels. */
html[data-theme="light"] :is(.card,.panel,.content-card,.social-card,.profile-section,.privacy-card,.settings-card,.chat-window,.conversation-list,.composer,.post-card,.side-card,.quick-call,.hero,.modal-content,.dialog,.sheet,.dropdown-menu,.menu,.popover,.box,.tile,.widget,.section-card,.friend-card,.user-card,.room-card,.store-card,.ad-card,.notification-card){
  background:#f8fafc!important;
  color:#20242b!important;
  border-color:#cbd4df!important;
  box-shadow:var(--sh-shadow)!important;
  border-radius:var(--sh-radius)!important;
}
html[data-theme="dark"] :is(.card,.panel,.content-card,.social-card,.profile-section,.privacy-card,.settings-card,.chat-window,.conversation-list,.composer,.post-card,.side-card,.quick-call,.hero,.modal-content,.dialog,.sheet,.dropdown-menu,.menu,.popover,.box,.tile,.widget,.section-card,.friend-card,.user-card,.room-card,.store-card,.ad-card,.notification-card){
  background:#141c29!important;
  color:#f3f6fb!important;
  border-color:#2a3547!important;
  box-shadow:0 16px 42px rgba(0,0,0,.24)!important;
  border-radius:var(--sh-radius)!important;
}

/* Gentle card variety inspired by AlMoraqebPro cards. */
html[data-theme="light"] :is(.stats,.profile-stats,.cards,.grid,.dashboard-grid) > :nth-child(4n+1){background:linear-gradient(145deg,#f8fbff,#e8f3ff)!important}
html[data-theme="light"] :is(.stats,.profile-stats,.cards,.grid,.dashboard-grid) > :nth-child(4n+2){background:linear-gradient(145deg,#fbf9ff,#f0eaff)!important}
html[data-theme="light"] :is(.stats,.profile-stats,.cards,.grid,.dashboard-grid) > :nth-child(4n+3){background:linear-gradient(145deg,#f7fcfa,#e5f7ef)!important}
html[data-theme="light"] :is(.stats,.profile-stats,.cards,.grid,.dashboard-grid) > :nth-child(4n){background:linear-gradient(145deg,#fffaf4,#fff0dd)!important}

html[data-theme="dark"] :is(.stats,.profile-stats,.cards,.grid,.dashboard-grid) > :nth-child(4n+1){background:linear-gradient(145deg,#172235,#182a40)!important}
html[data-theme="dark"] :is(.stats,.profile-stats,.cards,.grid,.dashboard-grid) > :nth-child(4n+2){background:linear-gradient(145deg,#201d35,#292047)!important}
html[data-theme="dark"] :is(.stats,.profile-stats,.cards,.grid,.dashboard-grid) > :nth-child(4n+3){background:linear-gradient(145deg,#142a29,#183934)!important}
html[data-theme="dark"] :is(.stats,.profile-stats,.cards,.grid,.dashboard-grid) > :nth-child(4n){background:linear-gradient(145deg,#2c2419,#3a2c1c)!important}

/* Inputs. */
html[data-theme="light"] :is(input,textarea,select){
  background:#fbfcfd!important;
  color:#20242b!important;
  border-color:#b8c4d1!important;
  border-radius:12px!important;
  font-size:16px!important;
}
html[data-theme="dark"] :is(input,textarea,select){
  background:#192334!important;
  color:#f3f6fb!important;
  border-color:#354256!important;
  border-radius:12px!important;
  font-size:16px!important;
}
html[data-theme="light"] :is(input,textarea)::placeholder{color:#738095!important;opacity:1!important}
html[data-theme="dark"] :is(input,textarea)::placeholder{color:#8793a6!important;opacity:1!important}

/* Calm varied buttons; semantic buttons retain strong meaning. */
html[data-theme="light"] :is(button,.btn,.button,.action,.tool-btn,.icon-button,.small-button,.nav-button,.menu-button,.top-actions a,.top-actions button){
  min-height:40px;
  color:#253044!important;
  background:#e7edf5!important;
  border-color:#bdc9d6!important;
  border-radius:12px!important;
  font-weight:700!important;
  opacity:1!important;
  box-shadow:none!important;
}
html[data-theme="light"] :is(button,.btn,.button,.action,.tool-btn,.small-button):nth-of-type(4n+1){background:#e8f2ff!important;border-color:#bdd7f5!important;color:#275b91!important}
html[data-theme="light"] :is(button,.btn,.button,.action,.tool-btn,.small-button):nth-of-type(4n+2){background:#eee9ff!important;border-color:#d2c7f8!important;color:#5d45b8!important}
html[data-theme="light"] :is(button,.btn,.button,.action,.tool-btn,.small-button):nth-of-type(4n+3){background:#e6f7ef!important;border-color:#bfe6d3!important;color:#217052!important}
html[data-theme="light"] :is(button,.btn,.button,.action,.tool-btn,.small-button):nth-of-type(4n){background:#fff0dc!important;border-color:#f0d1a5!important;color:#9a641c!important}

html[data-theme="dark"] :is(button,.btn,.button,.action,.tool-btn,.icon-button,.small-button,.nav-button,.menu-button,.top-actions a,.top-actions button){
  min-height:40px;
  color:#e9eef7!important;
  background:#1d293a!important;
  border-color:#354256!important;
  border-radius:12px!important;
  font-weight:700!important;
}

/* Primary / success / danger controls always readable. */
html[data-theme] :is(.primary,.btn-primary,.button-primary,.publish,.send-button,[data-primary="true"],button[type="submit"]){
  color:#fff!important;
  background:linear-gradient(135deg,#745ce8,#6655d9)!important;
  border-color:transparent!important;
}
html[data-theme] :is(.success,.btn-success,[data-success="true"]){color:#fff!important;background:#218a65!important;border-color:transparent!important}
html[data-theme] :is(.danger,.btn-danger,[data-danger="true"]){color:#fff!important;background:#c43d4f!important;border-color:transparent!important}
html[data-theme] button:disabled{opacity:.55!important;filter:saturate(.6)}

/* Header, navigation and menus. */
html[data-theme="light"] :is(header,.home-top,.site-header,.topbar,.navbar,.sidebar,.side-nav){
  background:rgba(244,248,251,.94)!important;
  color:#20242b!important;
  border-color:#cbd4df!important;
  backdrop-filter:blur(16px);
}
html[data-theme="dark"] :is(header,.home-top,.site-header,.topbar,.navbar,.sidebar,.side-nav){
  background:rgba(12,17,27,.94)!important;
  color:#f3f6fb!important;
  border-color:#2a3547!important;
  backdrop-filter:blur(16px);
}
html[data-theme="light"] :is(a,.nav-link,nav a,.dropdown-menu a,.menu a){color:#2a3850}
html[data-theme="dark"] :is(a,.nav-link,nav a,.dropdown-menu a,.menu a){color:#dfe7f3}
html[data-theme="light"] :is(.active,.selected,[aria-current="page"]){color:#5d45b8!important;background:#eee9ff!important;border-color:#d2c7f8!important}
html[data-theme="dark"] :is(.active,.selected,[aria-current="page"]){color:#d9d0ff!important;background:#292047!important;border-color:#4a3f78!important}

/* Tables and lists. */
html[data-theme="light"] :is(table,thead,tbody,tr,td,th,.list,.list-item){border-color:#d3dbe4!important;color:#20242b!important}
html[data-theme="light"] thead{background:#e9eff6!important}
html[data-theme="light"] tbody tr:nth-child(even){background:rgba(233,239,246,.58)!important}
html[data-theme="dark"] :is(table,thead,tbody,tr,td,th,.list,.list-item){border-color:#2a3547!important;color:#edf2f8!important}
html[data-theme="dark"] thead{background:#192334!important}

/* Modals / overlays. */
html[data-theme] :is(.privacy-modal,.modal-backdrop,.overlay){background:rgba(10,15,25,.52)!important}
html[data-theme="light"] .privacy-modal[data-edit-modal] .privacy-card{background:#f8fafc!important;color:#20242b!important}
.privacy-modal[data-edit-modal] .privacy-card{width:min(720px,100%)!important}
.privacy-modal[data-edit-modal] .form-field{margin-bottom:16px!important;min-width:0}
.privacy-modal[data-edit-modal] .form-field>label{display:block;margin-bottom:7px;line-height:1.5}
.privacy-modal[data-edit-modal] .form-field :is(input:not([type="file"]),textarea){width:100%;min-height:48px;line-height:1.7}
.privacy-modal[data-edit-modal] .form-field textarea{min-height:116px;resize:vertical}
.privacy-modal[data-edit-modal] .form-field input[type="file"]{display:block;width:100%;min-height:46px}

/* Profile privacy visibility. */
html[data-theme="light"] :is(.privacy-row>span,.privacy-row>label,.privacy-list label,.privacy-list span,.setting-row,.settings-row){color:#2e3745!important;opacity:1!important;font-size:.95rem!important}
html[data-theme="dark"] :is(.privacy-row>span,.privacy-row>label,.privacy-list label,.privacy-list span,.setting-row,.settings-row){color:#e8edf5!important;opacity:1!important}

/* Inline-dark challenge / utility pages. */
html[data-theme="light"] :is(.hub .hero,.hub .card){background:#f8fafc!important;color:#20242b!important;border-color:#cbd4df!important}
html[data-theme="light"] .hub .action{background:#e8f2ff!important;color:#275b91!important;border:1px solid #bdd7f5!important}
html[data-theme="dark"] :is(.hub .hero,.hub .card){background:#141c29!important;color:#f3f6fb!important;border-color:#2a3547!important}

/* Better touch targets and mobile spacing. */
@media(max-width:720px){
  html[data-theme] body{font-size:15.5px}
  html[data-theme] :is(button,.btn,.button,.action,.tool-btn,.icon-button,.small-button){min-height:44px;font-size:.94rem!important}
  html[data-theme] :is(.card,.panel,.content-card,.social-card,.profile-section,.privacy-card,.settings-card){border-radius:15px!important}
}