*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;overflow:hidden;background:#000 url("../images/background.jpg") center/cover no-repeat;font-size:11px;}
body{font-family:Tahoma,'MS Sans Serif',Arial,sans-serif;cursor:default;}

/* ─── BIOS ─────────────────────────────────────────────────── */
#bios{
  position:fixed;inset:0;background:#000;
  color:#c8c8c8;font-family:'Share Tech Mono','Courier New',monospace;
  font-size:13px;padding:24px 32px;z-index:9999;
  display:flex;flex-direction:column;overflow:hidden;
}
.bios-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;}
.bios-brand{color:#fff;font-family:'VT323',monospace;font-size:32px;letter-spacing:2px;line-height:1;}
.bios-brand small{display:block;font-size:13px;color:#888;font-family:'Share Tech Mono',monospace;letter-spacing:0;margin-top:2px;}
.bios-version{text-align:right;font-size:11px;color:#666;}
.bios-line{opacity:0;transition:opacity .05s;line-height:1.8;font-size:12px;}
.bios-line.show{opacity:1;}
.bios-ok{color:#00ff00;}
.bios-warn{color:#ffff00;}
.bios-sep{color:#444;margin:6px 0;}
.bios-table{border-collapse:collapse;margin:12px 0;}
.bios-table td{padding:3px 0;font-size:12px;}
.bios-table .k{color:#888;padding-right:24px;min-width:180px;}
.bios-table .v{color:#fff;}
.bios-table .v span{color:#00aaff;}
.bios-progress-wrap{margin:12px 0;}
.bios-bar-track{width:280px;height:14px;background:#111;border:1px solid #444;display:inline-block;vertical-align:middle;margin-left:12px;}
.bios-bar-fill{height:100%;background:#0878d4;width:0%;transition:width 2.5s linear;}
.bios-footer{margin-top:auto;padding-top:16px;}
.bios-prompt{color:#ffff00;font-size:13px;animation:blink 1s step-end infinite;margin-top:8px;}
.bios-respects{color:#00ff00;font-size:12px;margin-top:4px;opacity:0;transition:opacity .3s;}
.bios-respects.show{opacity:1;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}

/* ─── DESKTOP ───────────────────────────────────────────────── */
#desktop{
  position:fixed;inset:0 0 40px 0;
  display:none;overflow:hidden;
}
#desktop.open{display:block;}

/* Bliss wallpaper */
#wallpaper{position:absolute;inset:0;overflow:hidden;background:url("../images/background.jpg") center/cover no-repeat;}
.sky,
.cloud,
.hills-svg{display:none;}

/* Desktop icons */
.desktop-icons{
  position:absolute;top:12px;left:12px;
  display:grid;grid-template-columns:80px 80px;
  grid-auto-rows:100px;gap:8px;z-index:10;
}
.icon{
  display:flex;flex-direction:column;align-items:center;
  gap:6px;padding:8px 4px;border:1px solid transparent;
  cursor:default;width:80px;color:#fff;
  text-shadow:1px 1px 3px #000,0 0 8px rgba(0,0,0,0.8);
  user-select:none;border-radius:2px;
}
.icon:hover{background:rgba(49,106,197,.35);border-color:rgba(100,160,255,.6);}
.icon.selected{background:rgba(49,106,197,.55);border-color:rgba(100,160,255,.85);}
.icon-img{font-size:42px;line-height:1;filter:drop-shadow(1px 2px 3px rgba(0,0,0,.6));}
.icon-label{font-size:11px;text-align:center;line-height:1.3;font-family:Tahoma,Arial,sans-serif;}

/* Social icon backgrounds */
.social-icon{
  width:60px;height:60px;display:flex;align-items:center;justify-content:center;
  border-radius:6px;margin:0 auto;font-size:24px;color:#fff;filter:none;
}
.x-icon{background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);}
.linkedin-icon{background:linear-gradient(135deg,#0077b5 0%,#005885 100%);}
.blog-icon{background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);}

.social-icon i{font-size:24px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);}

/* ─── WINDOWS ───────────────────────────────────────────────── */
.win{
  position:absolute;
  background:#ece9d8;
  border:2px solid #0054e3;
  border-top:2px solid #3178d6;
  border-radius:5px 5px 3px 3px;
  box-shadow:3px 3px 12px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.3);
  display:none;flex-direction:column;
  min-width:280px;min-height:180px;
  z-index:100;
}
.win.open{display:flex;}
.win.active{z-index:200;}

/* Title bar */
.tb{
  background:linear-gradient(to bottom,
    #5a9ee6 0%,#3d7fd8 4%,
    #1e5fc4 6%,#1655bf 15%,
    #1458c2 45%,#0e50bc 100%);
  padding:4px 5px;display:flex;align-items:center;gap:5px;
  border-radius:3px 3px 0 0;cursor:default;user-select:none;flex-shrink:0;
}
.tb-ico{font-size:14px;flex-shrink:0;}
.tb-txt{
  flex:1;color:#fff;font-size:11px;font-family:Tahoma,Arial,sans-serif;
  font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,.6);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.tb-btns{display:flex;gap:2px;flex-shrink:0;}
.tb-btn{
  width:21px;height:21px;border-radius:3px;font-size:10px;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;border:1px solid rgba(0,0,0,.3);
  background:linear-gradient(to bottom,#5b87c8,#3468b8);
  color:#fff;font-family:Tahoma,Arial,sans-serif;font-weight:bold;
  text-shadow:none;user-select:none;flex-shrink:0;
}
.tb-btn:hover{filter:brightness(1.25);}
.tb-btn.close{background:linear-gradient(to bottom,#e87070,#c83030);}
.tb-btn.close:hover{background:linear-gradient(to bottom,#ff8080,#e04040);}

/* Menu bar */
.mbar{
  background:#ece9d8;border-bottom:1px solid #aca899;
  padding:1px 4px;display:flex;gap:1px;flex-shrink:0;
}
.mi{
  padding:3px 7px;font-size:11px;cursor:default;
  color:#000;border:1px solid transparent;border-radius:2px;
  font-family:Tahoma,Arial,sans-serif;
}
.mi:hover{background:#316ac5;color:#fff;border-color:#2060a0;}

/* Toolbar */
.tbar{
  background:#ece9d8;border-bottom:1px solid #aca899;
  padding:3px 6px;display:flex;align-items:center;gap:6px;flex-shrink:0;
}
.tbar-btn{
  padding:2px 8px;font-size:11px;background:#f0ede4;
  border:1px solid #aca899;border-radius:2px;cursor:pointer;
  font-family:Tahoma,Arial,sans-serif;display:flex;align-items:center;gap:4px;
}
.tbar-btn:hover{background:#d4e0f4;border-color:#316ac5;}
.tbar-sep{width:1px;height:20px;background:#aca899;margin:0 2px;}
.address-bar{
  flex:1;border:1px solid #7b9ebd;background:#fff;
  padding:2px 6px;font-size:11px;font-family:Tahoma,Arial,sans-serif;
  color:#666;
}

/* Window body */
.wbody{
  flex:1;overflow-y:auto;padding:12px;background:#fff;
  font-family:Tahoma,Arial,sans-serif;font-size:11px;
  border:1px solid #aca899;margin:2px;
}
.wbody.gray{background:#ece9d8;}

/* Status bar */
.sbar{
  background:#ece9d8;border-top:1px solid #aca899;
  padding:2px 8px;font-size:10px;color:#444;
  display:flex;gap:0;flex-shrink:0;
}
.sp{border-right:1px solid #aca899;padding:0 8px 0 0;margin-right:8px;}

/* Content styles */
.profile-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #ece9d8;}
.avatar{
  width:72px;height:72px;flex-shrink:0;
  background:linear-gradient(135deg,#1e5fc4 0%,#0d3fa0 100%);
  border:2px solid #7b9ebd;border-radius:3px;
  display:flex;align-items:center;justify-content:center;font-size:36px;
}
.profile-head h2{font-size:14px;font-weight:bold;color:#000;margin-bottom:3px;}
.profile-head .role{color:#1e5fc4;font-size:11px;font-weight:bold;margin-bottom:4px;}
.profile-head .loc{color:#666;font-size:10px;margin-bottom:6px;}
.badge{
  display:inline-block;background:#316ac5;color:#fff;
  padding:1px 6px;border-radius:2px;font-size:9px;margin:1px;
}
.kv{width:100%;border-collapse:collapse;margin:8px 0;}
.kv tr{border-bottom:1px solid #f0ede4;}
.kv td{padding:4px 8px;font-size:11px;}
.kv .k{color:#666;width:130px;background:#f5f4ee;font-weight:bold;}
.kv a{color:#1e5fc4;text-decoration:underline;}
.bio{font-size:11px;line-height:1.65;color:#222;margin:8px 0;}
.section-head{font-size:12px;font-weight:bold;color:#1e5fc4;margin:12px 0 6px;padding-bottom:3px;border-bottom:1px solid #ece9d8;}

/* Work cards */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.card{border:1px solid #aca899;background:#f5f4ee;padding:10px;border-radius:2px;}
.card h3{font-size:12px;font-weight:bold;color:#1e5fc4;margin-bottom:2px;display:flex;align-items:center;gap:5px;}
.card .crole{color:#666;font-size:10px;margin-bottom:6px;}
.card .cdesc{font-size:10px;line-height:1.5;color:#333;margin-bottom:8px;}
.stat{display:flex;align-items:center;gap:6px;font-size:10px;margin:2px 0;}
.sdot{width:6px;height:6px;border-radius:50%;background:#316ac5;flex-shrink:0;}
.tags{margin-top:6px;}

/* Services */
.svc{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #aca899;background:#f5f4ee;margin-bottom:6px;}
.svc-ico{font-size:26px;flex-shrink:0;}
.svc h3{font-size:12px;font-weight:bold;color:#1e5fc4;margin-bottom:3px;}
.svc p{font-size:10px;line-height:1.5;color:#333;}

/* Contact */
.crow{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #aca899;background:#f5f4ee;margin-bottom:6px;}
.cico{font-size:22px;}
.clbl{font-size:10px;color:#666;}
.cval{font-size:12px;color:#1e5fc4;font-weight:bold;}
.hire-btn{
  display:block;width:100%;padding:9px;margin-top:10px;
  background:linear-gradient(to bottom,#4b9fe8,#1655c0);
  border:1px solid #0040a0;border-bottom:2px solid #002880;
  color:#fff;font-size:12px;font-family:Tahoma,Arial,sans-serif;
  font-weight:bold;text-align:center;cursor:pointer;
  border-radius:3px;text-decoration:none;
}
.hire-btn:hover{filter:brightness(1.1);}

/* Award */
.award{
  border:2px solid #c8a800;background:linear-gradient(135deg,#fffef0,#fff8d8);
  padding:20px;text-align:center;margin-bottom:8px;border-radius:3px;
}
.award .aico{font-size:48px;margin-bottom:8px;}
.award h3{font-size:15px;font-weight:bold;color:#8b6914;margin-bottom:3px;}
.award .asub{font-size:11px;color:#666;margin-bottom:8px;}
.award .adesc{font-size:10px;line-height:1.6;color:#333;}

/* Right-click menu */
.ctx-menu{
  position:fixed;background:#ece9d8;border:1px solid #888;
  box-shadow:2px 2px 6px rgba(0,0,0,.4);z-index:9999;
  display:none;min-width:140px;padding:2px 0;
}
.ctx-item{padding:5px 20px;font-size:11px;cursor:pointer;font-family:Tahoma,Arial,sans-serif;}
.ctx-item:hover{background:#316ac5;color:#fff;}
.ctx-sep{height:1px;background:#aca899;margin:2px 0;}

/* Scrollbars */
::-webkit-scrollbar{width:16px;}
::-webkit-scrollbar-track{background:#ece9d8;border-left:1px solid #aca899;}
::-webkit-scrollbar-thumb{
  background:linear-gradient(to right,#d4d0c8,#b0aca4);
  border:1px solid #aca899;
}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(to right,#316ac5,#1a55ae);}

/* ─── TASKBAR ────────────────────────────────────────────────── */
#taskbar{
  position:fixed;bottom:0;left:0;right:0;height:40px;
  background:linear-gradient(to bottom,#245edb 0%,#1941a5 100%);
  display:none;align-items:center;z-index:9000;
  box-shadow:0 -1px 0 #0039a3,inset 0 1px 0 rgba(255,255,255,.15);
}
#taskbar.open{display:flex;}

#start-btn{
  height:36px;margin:0 3px;padding:0 14px 0 8px;
  background:linear-gradient(to bottom,#6bbf39 0%,#4c9a20 50%,#3a8010 100%);
  border:1px solid #2a6000;border-radius:0 14px 14px 0;
  display:flex;align-items:center;gap:5px;color:#fff;
  font-size:13px;font-weight:bold;
  font-family:'Franklin Gothic Medium',Tahoma,Arial,sans-serif;
  cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
  user-select:none;flex-shrink:0;
}
#start-btn:hover{filter:brightness(1.1);}
#start-btn:active{filter:brightness(.9);}
.start-flag{font-size:18px;}

.tb-divider{width:1px;height:28px;background:rgba(255,255,255,.2);margin:0 3px;}

.tb-windows{flex:1;display:flex;gap:3px;padding:0 4px;overflow:hidden;}
.tb-win-btn{
  height:28px;padding:0 10px;
  background:linear-gradient(to bottom,#2c60d0,#1a4db8);
  border:1px solid rgba(255,255,255,.2);border-radius:2px;
  color:#fff;font-size:11px;font-family:Tahoma,Arial,sans-serif;
  cursor:pointer;display:flex;align-items:center;gap:5px;
  min-width:100px;max-width:150px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;user-select:none;
}
.tb-win-btn:hover{background:linear-gradient(to bottom,#3870e0,#2460cc);}
.tb-win-btn.active{
  background:linear-gradient(to bottom,#1a4db8,#2c60d0);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.4);
}

.sys-tray{
  background:linear-gradient(to bottom,#1245a8,#0a35a0);
  border-left:1px solid rgba(255,255,255,.2);
  height:100%;padding:0 10px;
  display:flex;align-items:center;gap:10px;
  color:#fff;font-size:11px;font-family:Tahoma,Arial,sans-serif;
  flex-shrink:0;
}
.tray-icons{display:flex;gap:4px;font-size:16px;}

/* ─── START MENU ─────────────────────────────────────────────── */
#start-menu{
  position:fixed;bottom:40px;left:0;width:350px;
  background:#ece9d8;border:1px solid #0054e3;
  box-shadow:3px -2px 12px rgba(0,0,0,.5);
  display:none;z-index:9001;border-radius:6px 6px 0 0;overflow:hidden;
}
#start-menu.open{display:block;}
.sm-head{
  background:linear-gradient(to right,#1941a5,#245edb);
  padding:10px 14px;display:flex;align-items:center;gap:12px;
}
.sm-avatar{
  width:50px;height:50px;background:linear-gradient(135deg,#4a8f3c,#2a6a1c);
  border:2px solid rgba(255,255,255,.4);border-radius:4px;
  display:flex;align-items:center;justify-content:center;font-size:30px;
  flex-shrink:0;
}
.sm-user{color:#fff;font-family:Tahoma,Arial,sans-serif;}
.sm-user strong{font-size:13px;}
.sm-user small{display:block;font-size:10px;opacity:.8;margin-top:2px;}
.sm-body{display:flex;}
.sm-left{flex:1;border-right:1px solid #aca899;padding:6px 0;}
.sm-right{width:148px;background:#cddaf4;padding:6px 0;}
.sm-item{
  display:flex;align-items:center;gap:9px;
  padding:6px 12px;cursor:pointer;
  font-size:11px;font-family:Tahoma,Arial,sans-serif;
}
.sm-item:hover{background:#316ac5;color:#fff;}
.sm-item-ico{font-size:22px;width:26px;text-align:center;flex-shrink:0;}
.sm-item-info{flex:1;}
.sm-item-info small{display:block;font-size:10px;opacity:.65;}
.sm-div{height:1px;background:#aca899;margin:4px 0;}
.sm-foot{
  background:linear-gradient(to right,#1941a5,#245edb);
  display:flex;justify-content:flex-end;gap:4px;padding:5px 8px;
}
.sm-foot-btn{
  display:flex;align-items:center;gap:4px;padding:4px 10px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  border-radius:3px;color:#fff;font-size:11px;
  font-family:Tahoma,Arial,sans-serif;cursor:pointer;
}
.sm-foot-btn:hover{background:rgba(255,255,255,.22);}

/* ─── ERROR DIALOG (easter egg) ─────────────────────────────── */
#err-dlg{
  position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);
  width:380px;z-index:9999;display:none;
  background:#ece9d8;border:2px solid #0054e3;
  border-radius:5px 5px 3px 3px;
  box-shadow:3px 3px 10px rgba(0,0,0,.5);
}

/* ─── MOBILE RESPONSIVENESS (max-width: 768px) ─────────────────── */
@media(max-width:768px){
  html,body{font-size:14px;}
  
  /* Desktop icons */
  .desktop-icons{
    grid-template-columns:85px 85px;
    grid-auto-rows:105px;gap:8px;top:8px;left:8px;
  }
  .icon{width:85px;gap:6px;padding:8px 4px;}
  .icon-img{font-size:40px;}
  .icon-label{font-size:10px;}
  
  .social-icon{width:65px;height:65px;}
  
  /* Windows responsive sizing */
  .win{
    position:fixed !important;
    min-width:calc(100vw - 20px) !important;
    width:calc(100vw - 20px) !important;
    max-height:calc(100vh - 60px) !important;
    top:10px !important;
    left:10px !important;
    border-radius:8px;
  }
  
  /* Title bar adjustments */
  .tb{padding:6px 8px;gap:8px;}
  .tb-txt{font-size:13px;}
  .tb-btn{width:24px;height:24px;font-size:11px;}
  
  /* Menu bar */
  .mbar{padding:2px 6px;gap:2px;}
  .mi{padding:4px 8px;font-size:12px;}
  
  /* Toolbar */
  .tbar{padding:4px 8px;gap:8px;}
  .tbar-btn{padding:3px 10px;font-size:12px;}
  .address-bar{font-size:12px;padding:3px 8px;}
  
  /* Window body */
  .wbody{padding:14px;font-size:12px;overflow-y:auto;}
  .wbody.gray{background:#ece9d8;}
  
  /* Status bar */
  .sbar{padding:3px 10px;font-size:11px;}
  
  /* Content adjustments */
  .profile-head{flex-direction:column;align-items:center;text-align:center;}
  .avatar{width:80px;height:80px;font-size:40px;}
  .profile-head h2{font-size:16px;}
  .profile-head .role{font-size:12px;}
  .profile-head .loc{font-size:11px;}
  
  .badge{font-size:10px;padding:2px 8px;}
  
  .kv{margin:10px 0;}
  .kv td{padding:6px;font-size:12px;}
  .kv .k{width:100px;}
  
  .bio{font-size:12px;line-height:1.7;margin:10px 0;}
  .section-head{font-size:13px;margin:14px 0 8px;}
  
  /* Cards single column on mobile */
  .cards{grid-template-columns:1fr;gap:10px;}
  .card{padding:12px;}
  .card h3{font-size:13px;}
  .card .crole{font-size:11px;}
  .card .cdesc{font-size:11px;line-height:1.6;}
  .stat{font-size:11px;}
  
  /* Services */
  .svc{padding:12px;gap:12px;margin-bottom:8px;}
  .svc-ico{font-size:28px;}
  .svc h3{font-size:13px;}
  .svc p{font-size:11px;line-height:1.6;}
  
  /* Contact */
  .crow{padding:10px;gap:12px;margin-bottom:8px;}
  .cico{font-size:24px;}
  .clbl{font-size:11px;}
  .cval{font-size:13px;}
  .hire-btn{padding:12px;font-size:13px;}
  
  /* Awards */
  .award{padding:16px;margin-bottom:10px;}
  .award .aico{font-size:40px;margin-bottom:10px;}
  .award h3{font-size:14px;}
  .award .asub{font-size:12px;}
  .award .adesc{font-size:11px;line-height:1.7;}
  
  /* Taskbar adjustments */
  #taskbar{height:45px;}
  #start-btn{height:40px;padding:0 12px;font-size:12px;margin:0 2px;}
  .start-flag{font-size:16px;}
  .tb-win-btn{height:32px;padding:0 8px;font-size:10px;min-width:80px;max-width:120px;}
  .sys-tray{padding:0 6px;gap:6px;font-size:10px;}
  .tray-icons{font-size:14px;}
  
  /* Start menu */
  #start-menu{
    width:100vw;
    bottom:45px;
    left:0;
    border-radius:0;
    max-height:calc(100vh - 85px);
    overflow-y:auto;
  }
  .sm-head{padding:12px;}
  .sm-avatar{width:48px;height:48px;font-size:28px;}
  .sm-user strong{font-size:14px;}
  .sm-user small{font-size:11px;}
  .sm-item{padding:8px 12px;font-size:12px;}
  .sm-item-ico{font-size:20px;}
  .sm-foot{padding:8px;}
  .sm-foot-btn{padding:6px 12px;font-size:11px;}
  
  /* BIOS screen */
  #bios{padding:16px 20px;}
  .bios-brand{font-size:24px;}
  .bios-brand small{font-size:11px;}
  .bios-version{font-size:10px;}
  .bios-table td{padding:2px 0;font-size:11px;}
  .bios-bar-track{width:200px;height:12px;}
  
  /* Error dialog */
  #err-dlg{width:calc(100vw - 40px);max-width:500px;}
}

/* ─── EXTRA SMALL MOBILE (max-width: 480px) ─────────────────── */
@media(max-width:480px){
  html,body{font-size:13px;}
  
  /* Very small desktop icons - LARGER for mobile touch */
  .desktop-icons{
    grid-template-columns:100px 100px;
    grid-auto-rows:120px;gap:10px;top:6px;left:6px;
  }
  .icon{width:100px;gap:8px;padding:10px 6px;}
  .icon-img{font-size:50px;}
  .icon-label{font-size:10px;line-height:1.2;}
  
  .social-icon{width:65px;height:65px;}
  
  /* Windows fill entire screen with minimal margin */
  .win{
    min-width:calc(100vw - 8px) !important;
    width:calc(100vw - 8px) !important;
    max-height:calc(100vh - 55px) !important;
    top:4px !important;
    left:4px !important;
    min-height:auto !important;
  }
  
  /* Title bar compact */
  .tb{padding:4px 6px;gap:4px;}
  .tb-ico{font-size:12px;}
  .tb-txt{font-size:11px;}
  .tb-btn{width:20px;height:20px;font-size:9px;}
  
  /* Toolbar hide if not critical */
  .tbar{padding:2px 4px;gap:4px;}
  .tbar-btn{padding:2px 6px;font-size:10px;}
  .address-bar{font-size:10px;}
  
  /* Window body */
  .wbody{padding:10px;font-size:11px;}
  
  /* Adjust profile for tiny screens */
  .profile-head{margin-bottom:8px;padding-bottom:8px;}
  .avatar{width:64px;height:64px;font-size:32px;}
  .profile-head h2{font-size:14px;}
  
  /* Cards stay single column, more compact */
  .cards{gap:8px;}
  .card{padding:8px;}
  .card h3{font-size:11px;margin-bottom:1px;}
  .card .crole{font-size:10px;}
  .card .cdesc{font-size:9px;}
  .stat{font-size:9px;}
  
  /* Services compact */
  .svc{padding:8px;gap:8px;margin-bottom:6px;}
  .svc-ico{font-size:20px;}
  .svc h3{font-size:11px;}
  .svc p{font-size:9px;}
  
  /* Contact compact */
  .crow{padding:6px;gap:8px;}
  .cico{font-size:18px;}
  .clbl{font-size:9px;}
  .cval{font-size:11px;}
  .hire-btn{padding:8px;font-size:11px;}
  
  /* Taskbar ultra compact */
  #taskbar{height:40px;}
  #start-btn{height:36px;padding:0 8px;font-size:11px;}
  .start-flag{font-size:14px;}
  .tb-win-btn{height:28px;padding:0 6px;font-size:9px;min-width:60px;max-width:100px;}
  .sys-tray{padding:0 4px;gap:4px;}
  .tray-icons{font-size:12px;}
  
  /* Start menu full screen */
  #start-menu{max-height:calc(100vh - 80px);}
  .sm-head{padding:10px;}
  .sm-avatar{width:40px;height:40px;font-size:22px;}
  .sm-user strong{font-size:12px;}
  .sm-user small{font-size:10px;}
  .sm-item{padding:6px 10px;font-size:10px;}
  .sm-item-ico{font-size:18px;}
}