/* vista.css
   Theme-specific rules extracted from the original working base CSS.
*/

body.vista .profile-card:hover{background:var(--bg3);}
body.vista .cp-item{border:1px solid var(--bd);border-radius:var(--br);}
body.vista{--bg:rgba(210,228,248,0.45);
  --bg2:rgba(190,215,245,0.38);
  --bg3:rgba(255,255,255,0.82);
  --accent:#1a3a6a;
  --accent2:#2a6aaa;
  --accent3:#c00;
  --text:#0a1a2a;
  --text2:#2a4a6a;
  --text-inv:#fff;
  --bl:rgba(255,255,255,0.85);
  --bd:rgba(100,160,220,0.4);
  --bdd:rgba(60,110,180,0.6);
  --tb-bg:linear-gradient(180deg,rgba(215,235,255,0.88) 0%,rgba(170,205,245,0.78) 100%);
  --tb-text:#0a1a3a;
  --btn:rgba(210,230,255,0.65);
  --font:"Segoe UI",system-ui,sans-serif;
  --font-d:"Segoe UI",system-ui,sans-serif;
  --wr:8px 8px 0 0;
  --br:4px;
  /* The real Vista desktop - deep dark blue/black gradient */
  background:
    radial-gradient(ellipse at 30% 20%, rgba(40,80,160,0.6) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 80%, rgba(20,60,120,0.4) 0%, transparent 50%),
    linear-gradient(160deg, #050a18 0%, #0a1530 30%, #0e1e40 60%, #081228 100%);
  font-family:var(--font);}
body.vista .window{border-radius:10px 10px 0 0;
  overflow:hidden;
  /* Thick glassy border with inner glow */
  border:1px solid rgba(180,220,255,0.6);
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.15) inset,
    0 12px 48px rgba(0,20,80,0.6),
    0 2px 8px rgba(0,60,160,0.4);
  backdrop-filter:blur(32px) saturate(180%);
  -webkit-backdrop-filter:blur(32px) saturate(180%);
  background:rgba(210,228,248,0.45);}
body.vista .titlebar{background:
    linear-gradient(180deg,
      rgba(240,248,255,0.72) 0%,
      rgba(190,220,255,0.58) 40%,
      rgba(160,200,250,0.52) 100%
    );
  border-bottom:1px solid rgba(160,210,255,0.5);
  padding:6px 10px;
  /* Subtle inner top highlight */
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.6);}
body.vista .tb-title{color:#0a1a3a;
  font-size:12px;
  font-weight:400;
  font-family:"Segoe UI",sans-serif;
  letter-spacing:0.2px;
  text-shadow:0 1px 0 rgba(255,255,255,0.8);}
body.vista .tb-btn{width:22px;height:22px;
  border-radius:50%;
  font-size:10px;
  border:1px solid rgba(180,210,255,0.5);
  background:rgba(200,225,255,0.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
  color:#1a3a6a;}
body.vista .tb-btn.c{background:radial-gradient(circle at 40% 35%,#ff8888,#cc2200);
  color:#fff;border-color:rgba(200,50,50,0.6);}
body.vista .tb-btn.m{background:radial-gradient(circle at 40% 35%,#ffe06a,#e8a000);
  color:#7a5000;border-color:rgba(200,150,0,0.6);}
body.vista .tb-btn.x{background:radial-gradient(circle at 40% 35%,#80e880,#28a028);
  color:#fff;border-color:rgba(30,140,30,0.6);}
body.vista .wbody{background:rgba(210,228,248,0.42);
  backdrop-filter:blur(20px);
  padding:14px 16px;}
body.vista .site-hdr{border-bottom:1px solid rgba(140,190,240,0.4);}
body.vista .site-title{font-family:"Segoe UI",sans-serif;
  font-size:34px;
  font-weight:200;
  color:#0a1a4a;
  letter-spacing:5px;
  text-shadow:0 1px 0 rgba(255,255,255,0.6), 0 0 20px rgba(100,160,255,0.3);}
body.vista .site-title .hi{color:#2a6aaa;}
body.vista .site-title .dotnet{font-size:16px;color:#4a7aaa;}
body.vista .clock{font-family:"Segoe UI",sans-serif;
  font-size:22px;
  font-weight:300;
  color:#1a3a7a;
  letter-spacing:2px;}
body.vista .tagline{color:#2a4a7a;font-size:11px;}
body.vista .date-lbl{color:#3a5a8a;}
body.vista .sec-title{color:#1a3a7a;font-weight:600;}
body.vista .settings-bar,body.vista .theme-bar{border:1px solid rgba(140,195,245,0.45);
  border-radius:6px;
  background:rgba(200,225,255,0.35);
  backdrop-filter:blur(12px);}
body.vista .sbar-btn,body.vista .tbtn{border:1px solid rgba(140,195,245,0.5);
  border-radius:4px;
  background:rgba(215,235,255,0.55);
  color:#0a1a4a;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);}
body.vista .sbar-btn:hover,body.vista .tbtn:hover{background:rgba(230,245,255,0.75);}
body.vista .tbtn.active{border-color:rgba(60,130,220,0.7);
  background:rgba(160,200,255,0.45);
  color:#0a1a4a;}
body.vista .sc{border:1px solid rgba(140,195,245,0.45);
  border-radius:6px;
  background:rgba(230,242,255,0.55);
  backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.4);}
body.vista .si input{border:1px solid rgba(120,175,235,0.5);
  border-radius:4px;
  background:rgba(255,255,255,0.75);
  color:#0a1a3a;}
body.vista .si input:focus{border-color:rgba(60,130,220,0.7);
  box-shadow:0 0 0 3px rgba(80,150,240,0.15);
  outline:none;}
body.vista .si button{border:1px solid rgba(120,175,235,0.5);
  border-radius:4px;
  background:rgba(200,225,255,0.6);
  color:#0a1a4a;}
body.vista .si button:hover{background:rgba(220,238,255,0.8);}
body.vista .esig{color:#1a5aaa;font-size:15px;}
body.vista .ename{color:#3a6a9a;}
body.vista .sl{border:1px solid rgba(140,195,245,0.45);
  border-radius:6px;
  background:rgba(225,240,255,0.5);
  backdrop-filter:blur(6px);
  color:#0a1a3a;}
body.vista .sl:hover{background:rgba(240,248,255,0.75);}
body.vista .sl .lbl{color:#2a5a9a;}
body.vista .add-btn{border:1px solid rgba(120,175,235,0.5);
  border-radius:4px;
  background:rgba(210,230,255,0.55);
  color:#1a4a9a;}
body.vista .profile-card{border:1px solid rgba(140,195,245,0.45);
  border-radius:4px;
  background:rgba(220,238,255,0.5);}
body.vista .profile-card:hover{background:rgba(235,247,255,0.75);}
body.vista .profile-card .p-name{color:#1a4a9a;}
body.vista .taskbar{background:linear-gradient(180deg,
    rgba(15,30,70,0.92) 0%,
    rgba(8,18,50,0.96) 100%
  );
  border-top:1px solid rgba(100,160,255,0.35);
  backdrop-filter:blur(20px);
  height:42px;
  box-shadow:0 -2px 20px rgba(0,30,100,0.5);}
body.vista .start-btn{position:relative;
  width:36px;height:36px;
  border-radius:50%;
  padding:0;margin:0;
  background:
    radial-gradient(circle at 38% 30%, #a0f0a0 0%, #40c040 35%, #20a020 60%, #107010 100%);
  border:2px solid rgba(255,255,255,0.4);
  box-shadow:
    0 0 16px rgba(60,200,60,0.8),
    0 0 40px rgba(30,160,30,0.4),
    inset 0 1px 0 rgba(255,255,255,0.6),
    inset 0 -1px 0 rgba(0,80,0,0.3);
  cursor:pointer;flex-shrink:0;overflow:hidden;
  font-size:0;color:transparent;}
body.vista .start-btn::before{content:"⊞";
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  font-size:17px;line-height:1;
  color:#ffffff;
  text-shadow:0 1px 3px rgba(0,80,0,0.6), 0 0 10px rgba(255,255,255,0.4);
  display:block;}
body.vista .tb-clock{background:transparent;border:none;
  color:rgba(200,225,255,0.9);
  font-size:11px;
  font-family:"Segoe UI",sans-serif;
  text-align:center;
  line-height:1.4;}
body.vista .modal{background:rgba(220,235,255,0.88) !important;
  backdrop-filter:blur(24px);
  border:1px solid rgba(160,210,255,0.7) !important;
  box-shadow:0 16px 48px rgba(0,30,100,0.4);}
body.vista .modal-body p,body.vista .modal-body label,body.vista .setting-name,body.vista .setting-desc{color:#0a1a3a !important;}
body.vista .modal-bg{background:rgba(0,10,40,0.55);}
body.vista .cp-item{border:1px solid rgba(140,195,245,0.5) !important;
  border-radius:6px;
  background:rgba(215,235,255,0.55);}
body.vista .collapse-arrow{color:#2a5a9a;}