/* База */
html,body{height:100%;}
body.aizenseo-desktop{
  margin:0;
  overflow:hidden;
  font:14px Tahoma,Segoe UI,system-ui;
  background:#0e0e0e;
  color:#e6e6e6;
}

/* Фон рабочего стола */
.xp-wallpaper{
  position:fixed;inset:0;z-index:-1;
  background:#0e0e0e url('../img/wallpaper.jpg') center/cover no-repeat;
  filter:saturate(1.05) contrast(1.05);
}

/* Рабочий стол — вертикальная колонка слева (десктоп) */
.xp-desktop{
  position:fixed;
  inset:0 0 40px 0;               /* место под таскбар снизу */
  display:flex;
  flex-direction:column;
  gap:30px;                       /* расстояние между иконками */
  align-items:flex-start;          /* прижать к левому краю */
  padding:24px;                   /* отступы от краёв */
  pointer-events:auto;
}

/* Ярлыки */
.xp-shortcut{
  width:82px;
  text-align:center;
  user-select:none;
  cursor:pointer;
}
.xp-shortcut img{
  width:48px;height:48px;
  image-rendering:pixelated;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.6));
}
.xp-shortcut span{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:#eaeaea;
  text-shadow:0 1px 0 #000;
  padding:2px 2px;
  border-radius:4px;
}
.xp-shortcut:hover span{
  background:rgba(0,255,255,.12);
}

/* Таскбар */
.xp-taskbar{
  position:fixed;left:0;right:0;bottom:0;height:40px;
  background:#1a1a1a;border-top:1px solid #2b2b2b;
  display:flex;align-items:center;gap:8px;padding:4px 6px;
}
.xp-start{
  padding:6px 12px;
  border-radius:6px;
  border:1px solid #2b2b2b;
  background:#2a2a2a;
  color:#eaeaea;
  cursor:pointer
}
.xp-start:hover{background:#333}
.xp-tasks{flex:1;display:flex;gap:6px;overflow:auto}
.xp-clock{width:86px;text-align:right;font-variant-numeric:tabular-nums;color:#cbd7ff}

/* Контентные страницы (фолбэк index.php) */
.xp-generic{max-width:960px;margin:40px auto;padding:0 16px;}
.xp-generic h1{margin:.6em 0 0.4em;}

/* Мобильная адаптация — по 4 иконки в ряд */
@media (max-width: 768px){
  body.aizenseo-desktop{overflow:auto;}
  .xp-desktop{
    position:relative;inset:auto;
    min-height:100vh;
    display:grid;
    grid-template-columns: repeat(4, 82px); /* ровно 4 иконки */
    gap:20px 12px;
    justify-content:center;
    padding:16px 12px 64px 12px;  /* запас под таскбар */
  }
  .xp-shortcut{width:auto;}
  .xp-taskbar{position:sticky;bottom:0}
}

/* Подстраховка для очень узких экранов */
@media (max-width: 400px){
  .xp-desktop{grid-template-columns: repeat(3, 82px);}
}



/* --- XP Folder Window --- */
.xp-folder{
  position:relative;
  margin:24px auto 64px;
  max-width:1100px;
  border:1px solid #1f6fb2;
  border-radius:8px;
  box-shadow:0 14px 40px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.04);
  background:#fdfdfd; /* белый фон содержимого */
}
.xp-folder .xp-titlebar{
  display:flex;align-items:center;justify-content:space-between;
  padding:8px 8px 8px 12px;
  background:linear-gradient(#2a71b8,#1f5fa0);
  color:#eaf3ff;border-top-left-radius:8px;border-top-right-radius:8px;
  border-bottom:1px solid rgba(0,0,0,.35)
}
.xp-folder .xp-title{
  font-weight:700;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.xp-folder .xp-controls button{
  width:18px;height:18px;margin-left:6px;border:0;border-radius:3px;
  background:#cde4ff;color:#0b2a4d;cursor:pointer
}
.xp-folder .xp-controls button:hover{background:#fff}
.xp-folder .xp-body{
  display:grid;grid-template-columns:240px 1fr;gap:0;min-height:520px;
}
.xp-folder .xp-sidebar{
  background:#f3f6fb;border-right:1px solid #d6e4f5;padding:12px;overflow:auto
}
.xp-folder .xp-sidebar h3{
  margin:4px 6px 10px;font:600 12px Tahoma,Segoe UI;color:#284a75;text-transform:uppercase;letter-spacing:.5px
}
.xp-folder .xp-files{
  display:grid;grid-template-columns:repeat(auto-fill, 100px);gap:14px;
}
.xp-folder .xp-file{
  width:100px;text-align:center;color:#0b2a4d;text-decoration:none
}
.xp-folder .xp-file img{
  width:40px;height:40px;display:block;margin:0 auto 6px;image-rendering:pixelated
}
.xp-folder .xp-file span{
  display:block;font:12px/1.25 Tahoma,Segoe UI;word-break:break-word
}
.xp-folder .xp-content{
  padding:18px 20px;background:#fff;overflow:auto
}
.xp-folder .xp-content h1, 
.xp-folder .xp-content h2, 
.xp-folder .xp-content h3{color:#233a5e;margin:.4em 0}
.xp-folder .xp-content p{color:#222}
.xp-folder .xp-toolbar{
  display:flex;gap:8px;align-items:center;background:#eef5ff;border-bottom:1px solid #d6e4f5;padding:8px 10px
}
.xp-folder .xp-toolbar a{
  color:#0b2a4d;text-decoration:none;border-bottom:1px dotted rgba(11,42,77,.4)
}
.xp-folder .xp-toolbar a:hover{border-bottom-color:transparent}


/* Левая колонка ярлыков (как на рабочем столе) для внутренних страниц */
.xp-dock{
  position:fixed;
  top:24px; left:24px;
  display:flex; flex-direction:column; gap:30px;
  z-index:5;               /* поверх фона и под окном — если что, увеличишь */
  pointer-events:auto;
}
.xp-dock .xp-shortcut{
  width:82px; text-align:center; cursor:pointer; user-select:none;
}
.xp-dock .xp-shortcut img{
  width:48px;height:48px; image-rendering:pixelated;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.6));
}
.xp-dock .xp-shortcut span{
  display:block; margin-top:4px; font-size:12px;
  color:#eaeaea; text-shadow:0 1px 0 #000; padding:2px 2px; border-radius:4px;
}
.xp-dock .xp-shortcut:hover span{ background:rgba(0,255,255,.12); }

/* Чтобы «папка» не перекрывала док слева на очень узких экранах */
@media (max-width: 1100px){
  .xp-folder{ margin-left:130px; } /* отступ под док */
}
@media (max-width: 768px){
  .xp-dock{
    position:static; margin:12px auto 0;
    display:grid; grid-template-columns:repeat(4,82px); gap:16px 12px; justify-content:center;
  }
  .xp-folder{ margin-left:auto; }
}

/* XP Explorer базовый */
.xp-explorer{
  position:relative;
  margin:18px auto 64px;
  max-width:1100px;
  border:1px solid #1f6fb2;
  border-radius:6px;
  box-shadow:0 8px 24px rgba(0,0,0,.3);
  background:#fff;
  overflow:hidden;
  font-family:Tahoma,Segoe UI,sans-serif;
}

/* Синяя полоска заголовка */
.xp-titlebar{
  background:linear-gradient(#2a71b8,#1f5fa0);
  color:#eaf3ff;
  padding:8px 12px;
  font-weight:700;
  font-size:14px;
  border-bottom:1px solid rgba(0,0,0,.35);
}

/* Тело окна: слева CTA, справа файлы */
.xp-body2{
  display:grid;
  grid-template-columns:260px 1fr;
  min-height:500px;
}

/* Левая панель CTA */
.xp-cta{
  background:linear-gradient(#dfeeff,#c7ddfb);
  border-right:1px solid #b7cff6;
  padding:16px;
}
.xp-cta h3{
  margin-top:0;
  font-size:14px;
  font-weight:700;
  color:#1a3c6b;
  text-transform:uppercase;
  margin-bottom:12px;
}
.xp-cta label{
  display:block;
  font-size:12px;
  color:#0b2a4d;
  margin-top:10px;
  margin-bottom:4px;
}
.xp-cta input,
.xp-cta textarea{
  width:100%;
  box-sizing:border-box;
  padding:6px 8px;
  border:1px solid #9bb9e4;
  border-radius:3px;
  font-size:12px;
  margin-bottom:8px;
}
.xp-cta button{
  display:block;
  margin-top:8px;
  padding:6px 12px;
  background:#2a71b8;
  border:1px solid #1f5fa0;
  border-radius:3px;
  color:#fff;
  font-size:12px;
  cursor:pointer;
}
.xp-cta button:hover{background:#1f5fa0}

/* Правая область файлов */
.xp-fileview{
  background:#fff;
  padding:14px 16px 24px 16px;
  overflow:auto;
}
.xp-filegrid{
  display:grid;
  grid-template-columns:repeat(auto-fill,120px);
  gap:16px 18px;
}
.xp-entry{
  width:120px;
  text-align:center;
  text-decoration:none;
}
.xp-entry img{
  width:48px;height:48px;
  display:block;margin:0 auto 6px;
  image-rendering:pixelated
}
.xp-entry span{
  display:block;
  font:12px/1.25 Tahoma;
  color:#1a1a1a;
  word-break:break-word
}

/* Адаптив */
@media (max-width:900px){
  .xp-body2{grid-template-columns:1fr}
  .xp-cta{border-right:0;border-bottom:1px solid #b7cff6;}
}



/* ====== XP Word Document ====== */
.xp-word{
  position:relative;
  margin:18px auto 64px;
  max-width:860px;
  background:#f0f0f0; /* как окно Word */
  border:1px solid #567db4;
  border-radius:6px;
  box-shadow:0 8px 24px rgba(0,0,0,.3);
  overflow:hidden;
  font-family:Tahoma,Segoe UI,sans-serif;
}

/* Синяя шапка окна Word */
.xp-word-titlebar{
  background:linear-gradient(#2a71b8,#1f5fa0);
  color:#fff;
  padding:6px 12px;
  font-weight:700;
  font-size:14px;
  border-bottom:1px solid rgba(0,0,0,.35);
}

/* Панель инструментов Word (имитация) */
.xp-word-toolbar{
  background:#f3f3f3;
  padding:4px 8px;
  border-bottom:1px solid #ccc;
  font-size:12px;
  color:#333;
  display:flex;
  gap:14px;
}
.xp-word-toolbar span:hover{text-decoration:underline;cursor:pointer}

/* Белый лист */
.xp-word-contentwrap{
  background:#fdfdfd;
  padding:40px 60px;
  min-height:600px;
}
.xp-word-contentwrap h1,
.xp-word-contentwrap h2,
.xp-word-contentwrap h3{color:#222;font-family:Georgia,serif;margin:1em 0 .5em;}
.xp-word-contentwrap p{color:#333;font-family:Georgia,serif;line-height:1.6;margin:0 0 1em;}

/* ===== Хлебные крошки (XP-стиль) ===== */
.xp-breadcrumbs{
  display:flex; align-items:center; gap:8px;
  padding:8px 12px;
  background:linear-gradient(#f1f7ff,#e6f0ff);
  border-bottom:1px solid #cfdff7;
  color:#0b2a4d; font:12px Tahoma;
}
.xp-breadcrumbs .crumb{
  color:#0b55d4; text-decoration:none; border-bottom:1px dotted rgba(11,85,212,.5);
}
.xp-breadcrumbs .crumb:hover{ border-bottom-color:transparent; }
.xp-breadcrumbs .sep{ opacity:.55; }

/* ===== Иконки файлов в гриде блога ===== */
.xp-entry{ width:120px; text-align:center; text-decoration:none; }
.xp-entry .ico{
  width:40px; height:40px; margin:0 auto 6px;
  background-size:contain; background-repeat:no-repeat; background-position:center;
  image-rendering:pixelated;
}
.xp-entry .ico.txt{ background-image:url('../icons/TXT.png'); }
.xp-entry span{ display:block; font:12px/1.25 Tahoma; color:#1a1a1a; word-break:break-word; }

/* ===== Internet Explorer (XP) — фикс размеров/отступов ===== */
.xp-ie{
  position:relative;
  width:880px;                                  /* комфортная ширина окна */
  max-width:calc(100% - 64px - 160px);          /* 32px поля по бокам + 160px место под док */
  margin:48px auto 80px 160px;                  /* сверху/снизу отступы + слева запас под док */
  border:1px solid #1f6fb2;
  border-radius:8px;
  background:#fff;                              /* белая подложка окна */
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  overflow:hidden;
  font-family:Tahoma,Segoe UI,sans-serif;
}

/* Титульная */
.xp-ie-titlebar{
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 8px 6px 12px;
  background:linear-gradient(#2a71b8,#1f5fa0);
  color:#eaf3ff;border-bottom:1px solid rgba(0,0,0,.35)
}
.xp-ie-title{font-weight:700}
.xp-ie-controls button{
  width:18px;height:18px;margin-left:6px;border:0;border-radius:3px;
  background:#cde4ff;color:#0b2a4d;cursor:pointer
}
.xp-ie-controls button:hover{background:#fff}

/* Меню */
.xp-ie-menubar{
  display:flex;gap:14px;padding:3px 10px;
  background:#f3f3f3;border-bottom:1px solid #dcdcdc;color:#1a1a1a;font:12px Tahoma;
}
.xp-ie-menubar span:hover{text-decoration:underline;cursor:default}

/* Тулбар */
.xp-ie-toolbar{
  display:flex;gap:8px;align-items:center;
  background:#ecf3ff;border-bottom:1px solid #cfdff7;padding:6px 8px
}
.xp-ie-toolbar .btn{
  padding:3px 8px;border:1px solid #bdd0f4;border-radius:3px;background:#fff;cursor:pointer;font:12px Tahoma;color:#0b2a4d
}
.xp-ie-toolbar .btn:hover{background:#f9fcff}

/* Адресная строка */
.xp-ie-address{
  display:flex;align-items:center;gap:8px;
  background:#f5f7fc;border-bottom:1px solid #d6e4f5;padding:6px 10px
}
.xp-ie-address label{font:12px Tahoma;color:#0b2a4d}
.xp-ie-address input{
  flex:1;min-width:0;height:26px;border:1px solid #9bb9e4;border-radius:3px;padding:0 8px;font:12px Tahoma;background:#fff
}
.xp-ie-address .go{
  padding:4px 10px;border:1px solid #1f5fa0;border-radius:3px;background:#2a71b8;color:#fff;cursor:pointer;font:12px Tahoma
}
.xp-ie-address .go:hover{background:#1f5fa0}

/* Контент */
.xp-ie-content{
  padding:20px 22px 28px;
  background:#fff;
  color:#1a1a1a;
}
.xp-ie-content h1,.xp-ie-content h2,.xp-ie-content h3{color:#233a5e;margin:.6em 0 .35em}
.xp-ie-content p{line-height:1.7;margin:0 0 1em}

/* Адаптив: окно ужимается и центрируется, док переезжает выше сеткой */
@media (max-width: 1200px){
  .xp-ie{
    margin-left:140px;
    max-width:calc(100% - 48px - 140px);
  }
}
@media (max-width: 900px){
  .xp-ie{
    width:auto;
    margin:32px 24px 72px;
    max-width:none;
  }
}



/* ===== ICQ window ===== */
.xp-icq{
  position:relative;
  width:780px;
  max-width:calc(100% - 64px - 160px);
  margin:60px auto 80px 160px;              /* отступ сверху + место под док слева */
  border:1px solid #a0bba0;
  border-radius:10px;
  background:#f4f5f4;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  font:13px Tahoma,Segoe UI,sans-serif;
  overflow:hidden;
}
.xp-icq-titlebar{
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(#7ac85a,#4a9c3b);
  color:#fff;padding:6px 10px;border-bottom:1px solid #3b6f32;
}
.xp-icq-logo{width:20px;height:20px;margin-right:8px;}
.xp-icq-title{flex:1;font-weight:700;}
.xp-icq-controls button{
  width:18px;height:18px;margin-left:5px;border:0;border-radius:3px;
  background:#cde4ff;color:#0b2a4d;cursor:pointer;
}
.xp-icq-controls button:hover{background:#fff}

/* тело */
.xp-icq-body{display:grid;grid-template-columns:200px 1fr;min-height:440px;}
.xp-icq-list{
  background:#e9efe9;border-right:1px solid #c4d4c4;padding:10px;
}
.icq-contact{
  display:flex;align-items:center;gap:8px;padding:6px;border-radius:5px;
  cursor:pointer;transition:background .2s;
}
.icq-contact:hover{background:#d5ead5;}
.icq-contact img{width:20px;height:20px;}

/* чат */
.xp-icq-chat{display:flex;flex-direction:column;background:#fff;}
.icq-messages{
  flex:1;padding:16px;overflow:auto;scrollbar-width:thin;
}
.msg{
  margin-bottom:10px;padding:8px 12px;border-radius:10px;max-width:80%;
  line-height:1.45;
}
.msg.other{
  background:#eefbea;border:1px solid #b4e0ad;color:#2a4d22;
}
.msg.you{
  margin-left:auto;
  background:#eaf1ff;border:1px solid #bcd2ff;color:#1a2d66;
}

/* нижняя панель — пошаговый ввод (имя → вопрос → контакт) */
.icq-input{
  display:flex;align-items:center;gap:8px;
  border-top:1px solid #ccc;background:#f4f5f4;padding:8px 10px;
}
.icq-fields{display:flex;gap:8px;flex:1;}
.icq-fields input{
  flex:1;padding:6px 8px;border:1px solid #bbb;border-radius:4px;font:13px Tahoma;
}
.icq-input button{
  padding:6px 16px;border:1px solid #4a9c3b;border-radius:4px;
  background:#7ac85a;color:#fff;font:13px Tahoma;cursor:pointer;
}
.icq-input button:hover{background:#4a9c3b}

/* адаптив */
@media (max-width:900px){
  .xp-icq{width:auto;margin:32px 24px 72px;max-width:none;}
  .xp-icq-body{grid-template-columns:1fr;}
  .xp-icq-list{display:flex;justify-content:space-around;border-right:0;border-bottom:1px solid #c4d4c4;}
}




/* ===== Control Panel (XP – ближе к оригиналу) ===== */
.xp-cpl{
  position:relative;
  width:1020px;
  max-width:calc(100% - 64px - 160px);
  margin:48px auto 80px 160px;
  border:1px solid #1f6fb2;
  border-radius:8px;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  overflow:hidden;
  font-family:Tahoma,Segoe UI,sans-serif;
}
.xp-cpl-titlebar{
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 10px;background:linear-gradient(#2a71b8,#1f5fa0);
  color:#eaf3ff;border-bottom:1px solid rgba(0,0,0,.35)
}
.xp-cpl-title{font-weight:700}
.xp-cpl-controls button{
  width:18px;height:18px;margin-left:6px;border:0;border-radius:3px;
  background:#cde4ff;color:#0b2a4d;cursor:pointer
}
.xp-cpl-controls button:hover{background:#fff}
.xp-cpl-menubar{
  display:flex;gap:14px;padding:3px 10px;background:#f3f3f3;border-bottom:1px solid #dcdcdc;color:#1a1a1a;font:12px Tahoma;
}

/* Тело: слева панель, справа синий экран */
.xp-cpl-body{
  display:grid;grid-template-columns:270px 1fr;min-height:560px;
}

/* Левая панель «Tasks» как в XP */
.xp-cpl-left{
  background:linear-gradient(#dfeeff,#c7ddfb);
  border-right:1px solid #b7cff6;
  padding:14px;
}
.cpl-group{
  background:#e7f1ff;border:1px solid #b7cff6;border-radius:6px;margin-bottom:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.cpl-title{
  padding:7px 10px;border-bottom:1px solid #b7cff6;
  font:700 12px Tahoma;color:#163b6e;text-transform:uppercase;letter-spacing:.3px;
}
.cpl-group ul{list-style:none;margin:8px 10px;padding:0}
.cpl-group li+li{margin-top:6px}
.cpl-group a{
  color:#0b2a4d;text-decoration:none;border-bottom:1px dotted rgba(11,42,77,.45)
}
.cpl-group a:hover{border-bottom-color:transparent}

/* Правая синяя область */
.xp-cpl-right{
  position:relative;
  background:linear-gradient(180deg,#5f75b9 0%, #5a6fb3 100%); /* XP blue */
  padding:22px 26px 26px;
}
.cpl-hero{
  margin:0 0 14px;
  font:700 26px Tahoma;
  color:#fff;
  text-shadow:0 2px 2px rgba(0,0,0,.25);
}

/* Сетка категорий: большие иконки слева, подписи справа */
.xp-cpl-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(320px,1fr));
  gap:22px 28px;
}
.cpl-item{
  display:flex; align-items:center; gap:14px;
  text-decoration:none; color:#fff; padding:8px 10px;
  border-radius:10px; transition:transform .12s ease, background .12s ease;
}
.cpl-item:hover{ transform:translateY(-2px); background:rgba(255,255,255,.06); }

.cpl-icon{
  width:64px;height:64px; flex:0 0 64px;
  background-size:contain;background-repeat:no-repeat;background-position:center;
  image-rendering:pixelated; filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));
}
.cpl-text{ display:flex; flex-direction:column; }
.cpl-text strong{
  font:700 15px Tahoma; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,.25);
}
.cpl-text em{
  font:11.5px Tahoma; color:#e7ecff; opacity:.95; font-style:normal;
}

/* Иконки (положи PNG в /assets/icons/) */
/* Привязка иконок к классам */
.cpl-seo     { background-image:url('../icons/seo.png'); }
.cpl-aiseo   { background-image:url('../icons/aiseo.png'); }
.cpl-audit   { background-image:url('../icons/audit.png'); }
.cpl-consult { background-image:url('../icons/consult.png'); }
.cpl-content { background-image:url('../icons/content.png'); }

/* Адаптив/запас под док */
@media (max-width:1200px){
  .xp-cpl{margin-left:140px;max-width:calc(100% - 48px - 140px)}
}
@media (max-width:980px){
  .xp-cpl-body{grid-template-columns:1fr}
  .xp-cpl-left{border-right:0;border-bottom:1px solid #b7cff6}
  .xp-cpl-right{padding-top:18px}
  .xp-cpl-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .xp-cpl{width:auto;margin:32px 24px 72px;max-width:none}
}
/* CTA в левой панели Control Panel */
.xp-cpl-left .xp-cta.xp-cta--panel{
  background:linear-gradient(#eaf3ff,#d9e9ff);
  border:1px solid #b7cff6;
  border-radius:8px;
  padding:14px 12px;
  margin-bottom:12px;
}
.xp-cpl-left .xp-cta.xp-cta--panel h3{
  margin:0 0 10px;
  font-size:14px; font-weight:700; color:#1a3c6b;
  text-transform:uppercase;
}



/* ===== XP окно приложения (Solitaire) ===== */
.xp-window{
  position:fixed; left:50%; top:56px; transform:translateX(-50%);
  width:960px; max-width:calc(100% - 64px); height:640px;
  background:#fff; border:1px solid #1f6fb2; border-radius:8px;
  box-shadow:0 12px 36px rgba(0,0,0,.35); z-index:9998; overflow:hidden;
  transition:all .15s ease;
}
.xp-window.hidden{ display:none !important; }

.xp-window .xp-titlebar{
  display:flex; align-items:center; justify-content:space-between;
  padding:6px 10px; background:linear-gradient(#2a71b8,#1f5fa0);
  color:#eaf3ff; border-bottom:1px solid rgba(0,0,0,.35); font:700 14px Tahoma;
}
.xp-window .xp-ctrls button{
  width:18px; height:18px; margin-left:6px; border:0; border-radius:3px;
  background:#cde4ff; color:#0b2a4d; cursor:pointer;
}
.xp-window .xp-ctrls button:hover{ background:#fff; }
.xp-window .xp-toolbar{
  padding:6px 10px; background:#f3f3f3; border-bottom:1px solid #dcdcdc; font:12px Tahoma; color:#1a1a1a;
}
.xp-window .xp-appframe{
  width:100%; height:calc(100% - 74px); border:0; display:block; background:#0b1525;
}

/* Развёрнутое на весь экран (с запасом под таскбар ~40px) */
.xp-window.max{
  left:0; top:0; transform:none; width:100vw; height:calc(100vh - 40px);
  border-radius:0;
}