/* ============================================================================
   PLOXION-THEME — theme-skins.css
   ----------------------------------------------------------------------------
   VIDÉ (José, 2026-06-18) : le chrome par-thème (winxp Luna, win95 bevel, macos…)
   est jeté avec les thèmes hardcodés. On repart de chill-tekk + thèmes custom
   créés depuis le ploxion themes (/themes). Si un jour on veut du chrome fidèle
   par thème, il se recréera ici, scopé `html[data-theme="<slug-custom>"] …`.
   ============================================================================ */

/* ===== WINDOWS 11 — Mica, coins 8px, Segoe, dock = barre des tâches ===== */
html[data-theme="windows"] :is(.cyber-button,button,.btn,.xb-btn,.plx-tile,.app-tile,input,select,textarea){
  border-radius:8px!important}
html[data-theme="windows"] :is(.cyber-button,button,.btn){
  background:#fbfbfb!important;color:#1b1b1b!important;border:1px solid #d8d8d8!important;box-shadow:0 1px 2px rgba(0,0,0,.07)!important;text-transform:none!important;padding:6px 16px!important}
html[data-theme="windows"] :is(.cyber-button:hover,button:hover){background:#f0f6ff!important;border-color:#0067c0!important}
html[data-theme="windows"] :is(.koin,.ploxion,.wk-card,.service-card,.modal-content,.plx-panel,.cyberpunk-main){
  border-radius:12px!important;box-shadow:0 8px 28px rgba(0,0,0,.10)!important;border:1px solid #e6e6e6!important;backdrop-filter:blur(20px)!important}
html[data-theme="windows"] :is(.desktop-dock,.mobile-chill-dock){
  border-radius:12px!important;background:#ffffffe6!important;border:1px solid #e0e0e0!important;box-shadow:0 6px 24px rgba(0,0,0,.14)!important;backdrop-filter:blur(24px)!important}

/* ===== iOS (iPhone) — gros rayons, boutons pilule, blur, dock flottant ===== */
html[data-theme="iphone"] :is(.cyber-button,button,.btn,.xb-btn){
  border-radius:999px!important;background:#007aff!important;color:#fff!important;border:none!important;
  text-transform:none!important;font-weight:600!important;padding:9px 20px!important;box-shadow:none!important}
html[data-theme="iphone"] :is(.cyber-button:hover,button:hover){filter:brightness(1.06)}
html[data-theme="iphone"] :is(.koin,.ploxion,.wk-card,.service-card,.modal-content,.plx-panel,.plx-tile,.app-tile,.cyberpunk-main){
  border-radius:20px!important;background:#ffffff!important;border:1px solid #ececf1!important;box-shadow:0 6px 20px rgba(0,0,0,.06)!important}
html[data-theme="iphone"] :is(input,select,textarea){border-radius:12px!important;background:#f2f2f7!important;border:1px solid #e2e2e8!important}
html[data-theme="iphone"] :is(.desktop-dock,.mobile-chill-dock){
  border-radius:30px!important;background:#ffffffcc!important;border:1px solid #e6e6ec!important;box-shadow:0 10px 30px rgba(0,0,0,.12)!important;backdrop-filter:blur(28px) saturate(160%)!important}

/* ===== ANDROID (Material 3) — élévations, boutons tonals/FAB, Roboto ===== */
html[data-theme="android"] :is(.cyber-button,button,.btn,.xb-btn){
  border-radius:20px!important;background:#6750a4!important;color:#fff!important;border:none!important;
  text-transform:none!important;font-weight:500!important;letter-spacing:.01em!important;padding:9px 22px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.15)!important}
html[data-theme="android"] :is(.koin,.ploxion,.wk-card,.service-card,.modal-content,.plx-panel,.plx-tile,.app-tile,.cyberpunk-main){
  border-radius:16px!important;background:#ffffff!important;border:none!important;box-shadow:0 1px 3px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.15)!important}
html[data-theme="android"] :is(input,select,textarea){border-radius:8px 8px 0 0!important;background:#f4eff7!important;border:none!important;border-bottom:2px solid #6750a4!important}
html[data-theme="android"] :is(.desktop-dock,.mobile-chill-dock){
  border-radius:28px!important;background:#fffbfeF2!important;border:none!important;box-shadow:0 2px 10px rgba(0,0,0,.18)!important}