/* mini-windows.css — Mini (floating / pop-out) windows */

/* ---------------- MINI (FLOATING) WINDOWS ---------------- */
#floatLayer { position: fixed; inset: 0; pointer-events: none; z-index: 100; }
.fw { position: absolute; pointer-events: auto; display: flex; flex-direction: column; background: var(--card-bg); border: 1px solid var(--border-color); border-radius: 14px; box-shadow: 0 14px 40px rgba(0,0,0,0.45); overflow: hidden; animation: fwIn 0.18s ease-out; }
.fw.top { border-color: var(--neon-blue); box-shadow: 0 18px 48px rgba(0,0,0,0.55); }
@keyframes fwIn { from { opacity: 0; transform: scale(0.94); } to { opacity: 1; transform: scale(1); } }
.fw-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 8px 7px 14px; background: var(--bg-color); border-bottom: 1px solid var(--border-color); cursor: grab; user-select: none; touch-action: none; }
.fw-head:active { cursor: grabbing; }
.fw-title { font-size: 1.4rem; color: var(--text-main); font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fw-btns { display: flex; gap: 4px; flex-shrink: 0; }
.fw-btn { background: none; border: none; color: var(--text-muted); width: 28px; height: 28px; border-radius: 8px; cursor: pointer; font-size: 1.3rem; display: flex; align-items: center; justify-content: center; }
.fw-btn:hover { background: rgba(255,255,255,0.08); color: var(--text-main); }
.fw-btn[data-act="close"]:hover { background: var(--neon-red); color: #fff; }
.fw-body { flex: 1; min-height: 0; overflow: auto; position: relative; }
.fw-resize { position: absolute; right: 0; bottom: 0; width: 22px; height: 22px; cursor: nwse-resize; touch-action: none; background: linear-gradient(135deg, transparent 50%, var(--text-muted) 50%, var(--text-muted) 58%, transparent 58%, transparent 70%, var(--text-muted) 70%, var(--text-muted) 78%, transparent 78%); opacity: 0.7; border-bottom-right-radius: 14px; }
.view-section.in-float { display: flex !important; flex-direction: column; width: 100%; height: 100%; padding: 16px; position: relative; }
.in-float .theme-switch { position: absolute; left: 12px; bottom: 12px; }
#view-home.in-float .diagonal-logo .app, #view-home.in-float .diagonal-logo .ssule { font-size: 5.2rem; }
#view-home.in-float .diagonal-logo .app { transform: translate(-24px, -2px); }
#view-home.in-float .diagonal-logo .ssule { transform: translate(16px, 2px); }
#view-home.in-float .hero-subtitle { font-size: 1.5rem; }
#view-home.in-float .square-green { width: 64px; height: 64px; }
#view-home.in-float .pentagon-orange { width: 44px; height: 44px; }
#view-home.in-float .circle-blue { width: 40px; height: 40px; }
#view-home.in-float .triangle-red, #view-home.in-float .triangle-red-right { --tri-scale: 0.4; }
#view-home.in-float .daily-reward-card { padding: 8px 12px; max-width: 60%; }
.in-float-box { width: 100% !important; max-width: none !important; height: 100% !important; max-height: none !important; border-radius: 0 !important; box-shadow: none !important; border: none !important; overflow: auto; }
.in-float-box .hc-close[title^="Mini window"], .in-float-box .popout-mini { display: none; }
.nav-btn.floating { border-color: var(--neon-blue); }
.nav-btn.floating::after { content: ''; position: absolute; top: 6px; right: 6px; width: 8px; height: 8px; border-radius: 50%; background: var(--neon-blue); }
.popout-btn { background: var(--card-bg); border: 1px solid var(--border-color); height: 36px; padding: 0 12px; border-radius: 12px; display: flex; align-items: center; gap: 7px; color: var(--text-main); font-size: 1.4rem; cursor: pointer; white-space: nowrap; transition: all 0.2s ease; }
.popout-btn:hover { border-color: var(--neon-purple); color: var(--neon-purple); }
.popout-mini { background: none; border: 1px solid var(--text-muted); color: var(--text-muted); border-radius: 8px; padding: 2px 8px; font-size: 1.2rem; cursor: pointer; margin-left: 10px; vertical-align: middle; font-family: inherit; }
.popout-mini:hover { color: var(--neon-purple); border-color: var(--neon-purple); }
@media (max-width: 640px) { .popout-btn .po-label { display: none; } .popout-btn { padding: 0 10px; } }
.nav-btn { position: relative; }
.nav-count { position: absolute; top: 4px; right: 4px; min-width: 20px; height: 20px; padding: 0 5px; box-sizing: border-box; border-radius: 999px; background: var(--neon-red); color: #fff; font-size: 1.1rem; font-weight: 700; display: none; align-items: center; justify-content: center; }
.nav-count.show { display: flex; }
.notif-item.global { border-left: 3px solid var(--neon-orange); background: rgba(245,158,11,0.08); }
.notif-global-title { color: var(--neon-orange); font-weight: 700; letter-spacing: 0.06em; margin-bottom: 4px; }