/* SIMA — Modo "Sistema Operativo": ventanas flotantes (marco uniforme del gestor).
   Rígido = nada de esto aplica (todo cuelga de #sima-panel.os-mode). Ver modules/windows.js + os-mode-plan.md */

/* ── Marco de ventana ───────────────────────────────────────────────────────── */
.sima-win {
  position: fixed; z-index: 5000; display: flex; flex-direction: column;
  min-width: 380px; min-height: 260px; overflow: hidden;
  background: var(--glass-bg); backdrop-filter: blur(var(--glass-blur, 16px)); -webkit-backdrop-filter: blur(var(--glass-blur, 16px));
  border: 1px solid var(--glass-border); border-radius: 14px;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.5);
}
.sima-win.sima-win-active { box-shadow: 0 26px 70px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(var(--accent-rgb), .35); }
/* Maximizar = llenar el ÁREA DE TRABAJO bajo la barra superior (54px), para no tapar los controles de la ventana.
   Maximizada = OPACA + sin backdrop-filter (si no, el matrix rain del fondo se filtra y tiñe todo de verde). */
.sima-win.sima-win-max {
  left: 0 !important; top: 54px !important; width: 100vw !important; height: calc(100vh - 54px) !important; border-radius: 0;
  background: var(--panel-bg, #0a0f0c) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}

/* ── Manijas de redimensionado (8 orillas) ──────────────────────────────────── */
.sima-rz { position: absolute; z-index: 6; touch-action: none; }
.sima-rz-n { top: 0; left: 12px; right: 12px; height: 7px; cursor: ns-resize; }
.sima-rz-s { bottom: 0; left: 12px; right: 12px; height: 7px; cursor: ns-resize; }
.sima-rz-e { right: 0; top: 12px; bottom: 12px; width: 7px; cursor: ew-resize; }
.sima-rz-w { left: 0; top: 12px; bottom: 12px; width: 7px; cursor: ew-resize; }
.sima-rz-ne { top: 0; right: 0; width: 16px; height: 16px; cursor: nesw-resize; }
.sima-rz-nw { top: 0; left: 0; width: 16px; height: 16px; cursor: nwse-resize; }
.sima-rz-se { bottom: 0; right: 0; width: 16px; height: 16px; cursor: nwse-resize; }
.sima-rz-sw { bottom: 0; left: 0; width: 16px; height: 16px; cursor: nesw-resize; }
.sima-win.sima-win-max .sima-rz { display: none; }

/* ── Menú de ventana (click derecho / long-press) ───────────────────────────── */
.sima-win-menu {
  position: fixed; z-index: 100001; min-width: 178px; padding: 6px; border-radius: 12px;
  background: var(--glass-bg); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  border: 1px solid var(--glass-border); box-shadow: 0 16px 44px rgba(0, 0, 0, .55); font-size: .84rem;
}
.sima-win-menu .sima-win-mi { display: flex; align-items: center; gap: 10px; padding: 8px 11px; border-radius: 8px; cursor: pointer; color: var(--text-main); }
.sima-win-menu .sima-win-mi:hover { background: rgba(var(--accent-rgb), .14); }
.sima-win-menu .sima-win-mi i { width: 16px; text-align: center; color: var(--text-muted); }

.sima-win-bar {
  flex-shrink: 0; height: 38px; display: flex; align-items: center; gap: 10px; padding: 0 12px;
  border-bottom: 1px solid var(--glass-border); background: rgba(255, 255, 255, 0.04);
  cursor: grab; touch-action: none; -webkit-user-select: none; user-select: none;
}
.sima-win-title { font-size: .82rem; font-weight: 600; color: var(--text-main); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 7px; }
.sima-win-title i { color: var(--matrix-color); font-size: .92rem; }
.sima-win-body { flex: 1; overflow: auto; position: relative; min-height: 0; }

/* La <section> movida adentro debe verse aunque no tenga .active; sin el padding/min-height del layout normal. */
.sima-win .sima-section { display: block !important; padding: 14px !important; min-height: 0 !important; }
/* Evita doble chrome: oculta las barras de ventana propias de cada módulo dentro del marco del gestor. */
.sima-win .mac-bar, .sima-win .mnt-bar, .sima-win .pm-bar, .sima-win .tn-bar { display: none !important; }
.sima-win .mac-win, .sima-win .mnt-win, .sima-win .pm-win, .sima-win .tn-win { border: none !important; border-radius: 0 !important; box-shadow: none !important; height: auto !important; }

/* ── Controles: macOS (semáforo, por defecto) ───────────────────────────────── */
.sima-win-dots { display: inline-flex; align-items: center; gap: 8px; }
.sima-win-dots i { width: 12px; height: 12px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; font-style: normal; font-size: .6rem; line-height: 1; color: transparent; transition: color .12s; }
.sima-win-close { background: #ff5f56; }
.sima-win-min { background: #ffbd2e; }
.sima-win-max { background: #27c93f; }
.sima-win-dots:hover i { color: rgba(0, 0, 0, .55); }
.sima-win-close::before { content: '\00D7'; }
.sima-win-min::before { content: '\2013'; }
.sima-win-max::before { content: '\002B'; }

/* ── Controles: Windows (botones cuadrados a la derecha) ─────────────────────── */
#sima-panel.winstyle-win .sima-win-bar { gap: 0; }
#sima-panel.winstyle-win .sima-win-title { order: 1; flex: 1; padding-left: 2px; }
#sima-panel.winstyle-win .sima-win-dots { order: 2; gap: 0; margin-left: auto; align-self: stretch; }
#sima-panel.winstyle-win .sima-win-dots i { width: 42px; height: 38px; border-radius: 0 !important; background: none !important; color: var(--text-muted) !important; font-size: .85rem; }
#sima-panel.winstyle-win .sima-win-min { order: 1; }
#sima-panel.winstyle-win .sima-win-max { order: 2; }
#sima-panel.winstyle-win .sima-win-close { order: 3; }
#sima-panel.winstyle-win .sima-win-max::before { content: '\25A1'; }
#sima-panel.winstyle-win .sima-win-dots i:hover { background: rgba(255, 255, 255, .12) !important; color: var(--text-main) !important; }
#sima-panel.winstyle-win .sima-win-close:hover { background: #e81123 !important; color: #fff !important; }
#sima-panel.winstyle-win .sima-win { border-radius: 6px; }

.sima-dragging, .sima-dragging * { cursor: grabbing !important; }

/* ── os-mode: la barra superior y los menús quedan POR ENCIMA de las ventanas ── */
#sima-panel.os-mode .sima-sidebar { z-index: 99800; }       /* el menú/taskbar siempre clickeable sobre las ventanas */
#sima-panel.os-mode .sima-main { overflow: hidden; }         /* el fondo no scrollea; las ventanas flotan encima */
#sima-panel #sima-modal { z-index: 100000; }                 /* modales sobre las ventanas */

/* ── Taskbar: sector tras el menú (solo en os-mode + barra superior) ─────────── */
/* "Organizar ventanas" en el menú SIMA: solo tiene sentido en modo SO. */
#sima-panel:not(.os-mode) .sima-nav-windows { display: none !important; }

.sima-taskbar { display: none; }
#sima-panel.os-mode.nav-toolbar .sima-taskbar {
  display: flex; align-items: center; gap: 5px; flex: 0 1 auto; min-width: 0; overflow-x: auto;
  padding: 0 8px; border-left: 1px solid var(--glass-border); height: 100%;
}
.sima-taskbar .sima-task {
  display: inline-flex; align-items: center; gap: 6px; max-width: 160px; flex-shrink: 0;
  padding: 5px 10px; border-radius: 8px; border: 1px solid transparent; cursor: pointer;
  background: rgba(255, 255, 255, .05); color: var(--text-muted); font-family: inherit; font-size: .76rem;
}
.sima-taskbar .sima-task span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sima-taskbar .sima-task:hover { background: rgba(var(--accent-rgb), .12); color: var(--text-main); }
.sima-taskbar .sima-task.active { border-color: var(--matrix-color); color: var(--matrix-color); background: rgba(var(--accent-rgb), .1); }
.sima-taskbar .sima-task.min { opacity: .55; }