.tp-ubuntu {
  background: linear-gradient(160deg, #2a0820 0%, #300a24 50%, #e95420 100%);
}
.tp-ubuntu::before {
  content: '';
  position: absolute; top: 0; left: 0; bottom: 0; width: 10px;
  background: rgba(44,0,30,.85);
  border-radius: inherit 0 0 inherit;
}

[data-theme="ubuntu"] body { font-family: 'Ubuntu', 'Cantarell', system-ui, sans-serif; }
[data-theme="ubuntu"] #wallpaper {
  background-image:
    radial-gradient(ellipse 90% 70% at 70% 30%, #3d0134 0%, #2c001e 45%, #1a0011 100%),
    radial-gradient(ellipse 50% 50% at 20% 80%, rgba(233,84,32,.12) 0%, transparent 60%);
}
[data-theme="ubuntu"] .macos-menubar {
  display: flex; background: rgba(26, 0, 17, 0.95);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
[data-theme="ubuntu"] .mmb-apple { display: none !important; }
[data-theme="ubuntu"] .mmb-appname { display: none !important; }
[data-theme="ubuntu"] #mmb-notif-btn { display: none !important; }
[data-theme="ubuntu"] .mmb-sep { display: none !important; }
[data-theme="ubuntu"] .mmb-tray-btn { color: rgba(255,255,255,.8); }
[data-theme="ubuntu"] .mmb-tray-btn:hover { background: rgba(255,255,255,.1); }
/* Clock centred in the bar, GNOME-style */
[data-theme="ubuntu"] .mmb-clock-wrap {
  position: absolute; left: 50%; transform: translateX(-50%);
  pointer-events: none;
}
[data-theme="ubuntu"] .mmb-clock { color: rgba(255,255,255,.95); font-weight: 500; }
[data-theme="ubuntu"] .mmb-date  { color: rgba(255,255,255,.65); }
[data-theme="ubuntu"] .taskbar {
  position: absolute !important; top: 28px !important; bottom: 0 !important;
  left: 0 !important; right: auto !important; width: 68px !important; height: auto !important;
  flex-direction: column !important; align-items: center !important;
  justify-content: flex-start !important; padding: 10px 0 6px !important;
  background: rgba(44, 0, 30, 0.94) !important;
  backdrop-filter: blur(28px) saturate(1.6) !important; -webkit-backdrop-filter: blur(28px) saturate(1.6) !important;
  border-top: none !important; border-right: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 3px 0 20px rgba(0,0,0,.5) !important;
  overflow: visible !important; transition: none !important;
}
[data-theme="ubuntu"] .taskbar.dock-autohide { transform: none !important; opacity: 1 !important; pointer-events: auto !important; }
/* Launcher sits at the bottom of the dock (below tray) */
[data-theme="ubuntu"] .taskbar-left {
  flex-direction: column !important; align-items: center !important;
  width: 100% !important; gap: 0 !important;
  order: 99 !important;
  border-top: 1px solid rgba(255,255,255,.1) !important;
  padding-top: 8px !important; padding-bottom: 6px !important;
}
[data-theme="ubuntu"] .taskbar-launcher-btn {
  width: 48px; height: 48px; border-radius: 14px !important;
  background: rgba(255,255,255,.1) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  margin: 0; flex-shrink: 0; position: relative;
  transition: transform .15s ease, background .15s ease, border-radius .15s ease;
  box-shadow: none !important;
}
[data-theme="ubuntu"] .taskbar-launcher-btn svg { display: none !important; }
/* 9-dot "Show Applications" grid */
[data-theme="ubuntu"] .taskbar-launcher-btn::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Ccircle cx='15' cy='15' r='4' fill='%23fff'/%3E%3Ccircle cx='24' cy='15' r='4' fill='%23fff'/%3E%3Ccircle cx='33' cy='15' r='4' fill='%23fff'/%3E%3Ccircle cx='15' cy='24' r='4' fill='%23fff'/%3E%3Ccircle cx='24' cy='24' r='4' fill='%23fff'/%3E%3Ccircle cx='33' cy='24' r='4' fill='%23fff'/%3E%3Ccircle cx='15' cy='33' r='4' fill='%23fff'/%3E%3Ccircle cx='24' cy='33' r='4' fill='%23fff'/%3E%3Ccircle cx='33' cy='33' r='4' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 32px; background-repeat: no-repeat; background-position: center;
}
[data-theme="ubuntu"] .taskbar-launcher-btn:hover { transform: scale(1.08) !important; background: rgba(255,255,255,.2) !important; border-radius: 50% !important; }
[data-theme="ubuntu"] .taskbar-launcher-btn.active { transform: scale(.93) !important; }
/* Sep is now redundant — taskbar-left has its own border-top */
[data-theme="ubuntu"] .taskbar-sep-v { display: none !important; }
[data-theme="ubuntu"] .taskbar-windows { flex-direction: column !important; align-items: center !important; overflow-y: auto !important; overflow-x: visible !important; width: 100% !important; flex: 1 1 auto !important; padding: 2px 0 !important; gap: 4px !important; scrollbar-width: none; }
[data-theme="ubuntu"] .taskbar-windows::-webkit-scrollbar { display: none; }
[data-theme="ubuntu"] .taskbar-entry {
  width: 48px !important; height: 48px !important; min-width: 48px !important; max-width: 48px !important;
  border-radius: 14px !important; background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  flex-direction: column !important; align-items: center !important; justify-content: center !important;
  position: relative; padding: 0 !important; overflow: visible !important;
  transition: transform .12s ease, background .12s ease, border-radius .15s !important;
}
[data-theme="ubuntu"] .taskbar-entry:hover { transform: scale(1.15) translateX(5px) !important; background: rgba(255,255,255,.22) !important; border-radius: 50% !important; border-color: rgba(255,255,255,.18) !important; }
[data-theme="ubuntu"] .taskbar-entry.active { background: rgba(233,84,32,.35) !important; border-color: rgba(233,84,32,.5) !important; }
[data-theme="ubuntu"] .taskbar-entry.minimized { opacity: .55; }
[data-theme="ubuntu"] .te-indicator { left: -6px !important; top: 50% !important; transform: translateY(-50%) !important; bottom: auto !important; right: auto !important; width: 3px !important; height: 10px !important; border-radius: 2px !important; background: rgba(255,255,255,.9) !important; }
[data-theme="ubuntu"] .taskbar-entry.active .te-indicator { height: 22px !important; background: #fff !important; }
[data-theme="ubuntu"] .te-title { display: none !important; }
[data-theme="ubuntu"] .te-icon { font-size: 28px !important; color: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; }
[data-theme="ubuntu"] .te-icon .wos-icon-app { width: 32px !important; height: 32px !important; }
[data-theme="ubuntu"] .taskbar-tray { position: relative !important; right: auto !important; bottom: auto !important; flex-direction: column !important; align-items: center !important; height: auto !important; width: 100% !important; margin-top: auto !important; order: 98 !important; gap: 4px !important; padding: 8px 0 6px !important; border-top: 1px solid rgba(255,255,255,.1) !important; border-left: none !important; }
[data-theme="ubuntu"] #tray-clock { display: none !important; }
/* Shared style for all tray icon tiles */
[data-theme="ubuntu"] .tray-notif-btn,
[data-theme="ubuntu"] .tray-chat-btn {
  width: 44px !important; height: 44px !important; border-radius: 12px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  color: rgba(255,255,255,.85) !important; background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
}
[data-theme="ubuntu"] .tray-notif-btn svg,
[data-theme="ubuntu"] .tray-chat-btn svg { width: 20px !important; height: 20px !important; stroke-width: 1.8px !important; }
[data-theme="ubuntu"] .tray-notif-btn:hover,
[data-theme="ubuntu"] .tray-chat-btn:hover { background: rgba(255,255,255,.18) !important; color: #fff !important; }
[data-theme="ubuntu"] .tray-user { display: none !important; }
[data-theme="ubuntu"] .tray-user-name { display: none !important; }
[data-theme="ubuntu"] .tray-dev-btn   { display: none !important; }
[data-theme="ubuntu"] .wm-container,
[data-theme="ubuntu"] .desktop-icons { left: 68px !important; top: 28px !important; bottom: 0 !important; right: 0 !important; }
[data-theme="ubuntu"] .window { border-radius: 12px !important; border: 1px solid rgba(255,255,255,.1) !important; box-shadow: 0 16px 48px rgba(0,0,0,.75), 0 2px 8px rgba(0,0,0,.4) !important; }
[data-theme="ubuntu"] .window-titlebar { height: 34px !important; border-radius: 12px 12px 0 0 !important; border-bottom: 1px solid rgba(255,255,255,.06) !important; }
/* Window controls on the RIGHT side, Ubuntu/GNOME button order */
[data-theme="ubuntu"] .window-controls { order: 3 !important; margin-left: auto !important; }
[data-theme="ubuntu"] .window-title    { order: 1 !important; }
[data-theme="ubuntu"] .wbtn-popout     { order: 2 !important; margin-left: 0 !important; margin-right: 4px !important; }
[data-theme="ubuntu"] .wbtn-min        { order: 1; }
[data-theme="ubuntu"] .wbtn-max        { order: 2; }
[data-theme="ubuntu"] .wbtn-close      { order: 3; }
[data-theme="ubuntu"] .wbtn { width: 15px; height: 15px; border-radius: 50%; }
[data-theme="ubuntu"] .wbtn-close { background: #e95420; box-shadow: 0 0 0 1px rgba(180,60,10,.4); }
[data-theme="ubuntu"] .wbtn-min   { background: rgba(255,255,255,.25); box-shadow: 0 0 0 1px rgba(255,255,255,.15); }
[data-theme="ubuntu"] .wbtn-max   { background: rgba(255,255,255,.25); box-shadow: 0 0 0 1px rgba(255,255,255,.15); }
[data-theme="ubuntu"] .wbtn:hover { filter: brightness(1.2); }
[data-theme="ubuntu"] .app-launcher { position: fixed !important; inset: 0 !important; left: 68px !important; width: calc(100% - 68px) !important; max-height: none !important; border-radius: 0 !important; background: rgba(26, 0, 17, 0.93) !important; backdrop-filter: blur(48px) saturate(1.6) !important; padding: 56px 80px 40px !important; animation: ubuntuLauncherIn .18s ease; }
@keyframes ubuntuLauncherIn { from { opacity: 0; transform: scale(.98); } to { opacity: 1; transform: none; } }
[data-theme="ubuntu"] .launcher-search { order: -1; width: 380px; align-self: center; background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.18) !important; color: #fff !important; border-radius: 24px !important; font-size: 15px !important; }
[data-theme="ubuntu"] .launcher-search::placeholder { color: rgba(255,255,255,.45) !important; }
[data-theme="ubuntu"] .launcher-search:focus { background: rgba(255,255,255,.14) !important; border-color: #e95420 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(233,84,32,.25) !important; }
/* Keep logout/settings buttons; hide the avatar hero row itself */
[data-theme="ubuntu"] .launcher-user-hero { background: transparent !important; padding: 0 !important; position: absolute !important; top: 12px !important; right: 20px !important; width: auto !important; gap: 8px !important; }
[data-theme="ubuntu"] .launcher-user-hero .luh-avatar,
[data-theme="ubuntu"] .launcher-user-hero .luh-details { display: none !important; }
[data-theme="ubuntu"] .luh-settings-btn,
[data-theme="ubuntu"] .luh-logout-btn { background: rgba(255,255,255,.1) !important; border: 1px solid rgba(255,255,255,.15) !important; color: rgba(255,255,255,.85) !important; border-radius: 10px !important; width: 36px !important; height: 36px !important; }
[data-theme="ubuntu"] .luh-settings-btn:hover,
[data-theme="ubuntu"] .luh-logout-btn:hover { background: rgba(255,255,255,.2) !important; color: #fff !important; }
[data-theme="ubuntu"] .la-name        { color: rgba(255,255,255,.9) !important; font-size: 11px !important; }
[data-theme="ubuntu"] .la-section-hdr { color: rgba(255,255,255,.45) !important; }
[data-theme="ubuntu"] .la-cat-hdr     { color: rgba(233,84,32,.85) !important; border-top-color: rgba(255,255,255,.07) !important; }
[data-theme="ubuntu"] .la-icon        { width: 56px !important; height: 56px !important; font-size: 36px !important; }
[data-theme="ubuntu"] .la-icon .wos-icon-app { width: 46px !important; height: 46px !important; }
[data-theme="ubuntu"] .launcher-app:hover { background: rgba(255,255,255,.09) !important; }
[data-theme="ubuntu"] .la-all-apps-btn { color: rgba(255,255,255,.65) !important; }
[data-theme="ubuntu"] .la-back-btn    { color: rgba(255,255,255,.6) !important; }
[data-theme="ubuntu"] .la-empty       { color: rgba(255,255,255,.45) !important; }
[data-theme="ubuntu"] #context-menu   { background: #2c001e !important; border: 1px solid rgba(255,255,255,.1) !important; box-shadow: 0 8px 24px rgba(0,0,0,.6) !important; }
[data-theme="ubuntu"] .ctx-item:hover { background: rgba(233,84,32,.22) !important; }
[data-theme="ubuntu"] .ctx-sep        { background: rgba(255,255,255,.1) !important; }