/* Axon 1Pro OS final UI overrides */

html,body,button,input,select,textarea{
  font-family:Ubuntu,Cantarell,"Noto Sans","Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
}

body{
  color:#e7edf3;
  background:
    radial-gradient(circle at 22% 20%,rgba(34,197,94,.18),transparent 28%),
    radial-gradient(circle at 84% 12%,rgba(59,130,246,.12),transparent 30%),
    linear-gradient(135deg,#08131d 0%,#0d4038 45%,#07111b 100%);
  overflow:hidden;
}

body::after{
  content:"";
  position:fixed;
  inset:-12%;
  background:
    radial-gradient(circle at 25% 35%,rgba(74,222,128,.08),transparent 18%),
    radial-gradient(circle at 78% 22%,rgba(96,165,250,.08),transparent 18%),
    radial-gradient(circle at 55% 75%,rgba(45,212,191,.07),transparent 20%);
  animation:axonWallpaperMove 18s ease-in-out infinite alternate;
  pointer-events:none;
  z-index:0;
}

@keyframes axonWallpaperMove{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(2%,-1.5%,0) scale(1.04)}
  100%{transform:translate3d(-2%,1.5%,0) scale(1.02)}
}

.desktop{overflow:hidden;position:relative;z-index:1}

.wallpaper-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg,transparent,rgba(255,255,255,.018)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 18px);
  pointer-events:none;
}

/* embedded wallpaper branding: no logo image */
.brand{
  left:auto!important;
  top:auto!important;
  right:28px!important;
  bottom:70px!important;
  transform:none!important;
  text-align:right!important;
  pointer-events:none!important;
  z-index:2;
  max-width:520px;
}

.brand .orb,.brand p{display:none!important}

.brand::before{
  content:"AXON 1Pro";
  display:block;
  font-size:clamp(38px,5vw,76px);
  line-height:1;
  letter-spacing:.14em;
  font-weight:300!important;
  color:rgba(223,255,240,.16);
  text-shadow:0 2px 14px rgba(0,0,0,.20);
}

.brand::after{
  content:"Technology • Hosting • Email • AI Advisory";
  display:block;
  margin-top:10px;
  font-size:12px;
  letter-spacing:.24em;
  color:rgba(222,255,239,.22);
  font-weight:400!important;
}

/* remove logo from sticky note */
.note-logo{display:none!important}
.note{font-size:12.5px;line-height:1.5}
.note b{font-weight:500!important}

/* consistent Linux-like typography */
h1,h2,h3,h4,h5,h6,.win header span,.start h3,.card h3,.k{font-weight:500!important;letter-spacing:.02em}
.ico span,.panel button,#startBtn,#search,#menuSearch,.row,.pill,.tools a,.note,#clock{font-weight:400!important}
.ico b{font-weight:400!important;font-size:22px}

/* classy window and popup pattern */
.win{
  background:
    linear-gradient(135deg,rgba(31,41,55,.96),rgba(13,19,28,.98)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 14px)!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(3px);
}

.win header{
  background:
    linear-gradient(180deg,rgba(63,72,86,.95),rgba(35,43,54,.95)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 20px)!important;
  border-bottom:1px solid rgba(15,23,42,.95)!important;
}

.win header button{font-weight:400!important}
#close:hover{background:#c62828!important}

#body{
  background:
    radial-gradient(circle at 18% 12%,rgba(34,197,94,.07),transparent 28%),
    radial-gradient(circle at 82% 18%,rgba(96,165,250,.06),transparent 26%),
    linear-gradient(135deg,#111923,#0b1118 55%,#111827),
    repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 16px)!important;
}

.pane,.card,.pill{
  background:
    linear-gradient(145deg,rgba(24,34,46,.92),rgba(12,18,26,.92)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 13px)!important;
  border:1px solid rgba(100,116,139,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.start{
  background:
    linear-gradient(145deg,rgba(37,46,59,.98),rgba(14,20,29,.98)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 16px)!important;
  border:1px solid rgba(148,163,184,.28)!important;
}

.ctx{background:linear-gradient(145deg,rgba(37,46,59,.98),rgba(14,20,29,.98))!important}

/* task area like Linux/Windows */
.spacer{flex:1}
.taskbar-right{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;min-width:0;max-width:44vw;overflow:auto;padding-right:8px}
.taskbar-right .task{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400!important}

.row .action-link{display:inline-flex;margin-top:6px;color:#9df2c0;font-weight:500!important;text-decoration:none}
.row .action-link:hover{text-decoration:underline}
.tools a{font-weight:400!important}

.axon-terminal{
  background:radial-gradient(circle at 18% 12%,rgba(34,197,94,.08),transparent 28%),linear-gradient(135deg,#091018,#0e1720 55%,#091018);
  border:1px solid rgba(74,222,128,.22);
  border-radius:9px;
  padding:15px;
  color:#c8f7d2;
  font-family:"Ubuntu Mono","DejaVu Sans Mono",monospace;
  font-size:13px;
  line-height:1.6;
  box-shadow:inset 0 0 30px rgba(0,0,0,.28);
}
.axon-terminal .prompt{color:#8cf2af}.axon-terminal .muted{color:#9fb0bf}.axon-terminal .cmd{color:#f8fafc}

@media(max-width:900px){
  .brand{right:18px!important;bottom:66px!important;max-width:320px}
  .brand::before{font-size:clamp(28px,7vw,44px)}
  .brand::after{font-size:10px;letter-spacing:.16em}
  .taskbar-right{max-width:34vw}
}

@media(max-width:520px){
  .brand{right:12px!important;bottom:62px!important;max-width:220px}
  .brand::before{font-size:24px;letter-spacing:.10em}
  .brand::after{font-size:9px;letter-spacing:.10em}
  .taskbar-right{display:none!important}
}