/* AZONIX PLAY 2.4.43 — configurable login and useful history */
.login-card.login-without-code #codeLabel,
.login-card.login-without-code #serverCode { display:none !important; }
.login-card.login-without-code { padding-top:58px; }
.login-demo-button { display:none; height:58px; margin-top:12px; border:2px solid rgba(137,255,161,.58); border-radius:13px; background:rgba(23,74,34,.82); color:#fff; font-size:18px; font-weight:900; letter-spacing:1.5px; }
.login-demo-button.visible { display:block; }
.login-demo-button.focused { border-color:#fff; background:linear-gradient(100deg,#39da5b,#175223); box-shadow:0 0 0 4px rgba(40,227,79,.27); }

.history-modern { width:1180px; color:#fff; padding:28px 34px 35px; }
.history-modern header { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.history-modern header small { display:block; color:#8effa5; font-size:14px; font-weight:900; letter-spacing:2px; }
.history-modern header h1 { margin:5px 0 0; font-size:37px; }
.history-modern header p { margin:7px 0 0; color:#b1d3b8; font-size:17px; }
.history-summary { display:flex; gap:12px; }
.history-summary span { min-width:92px; padding:12px 16px; border:1px solid rgba(142,255,165,.25); border-radius:14px; background:rgba(14,44,21,.8); text-align:center; }
.history-summary b { display:block; font-size:24px; color:#fff; }
.history-summary em { color:#9dcaa6; font-size:12px; font-style:normal; font-weight:800; }
.history-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.history-group { min-height:420px; padding:18px; border:1px solid rgba(142,255,165,.22); border-radius:20px; background:linear-gradient(160deg,rgba(23,68,32,.94),rgba(8,25,11,.96)); }
.history-group-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.history-group-head h2 { margin:0; font-size:22px; }
.history-clear { width:42px; height:42px; border:1px solid rgba(255,255,255,.18); border-radius:12px; background:rgba(255,255,255,.06); color:#b7e0c0; font-size:18px; }
.history-clear.focused { border-color:#fff; color:#fff; background:#38ce57; }
.history-list { display:flex; flex-direction:column; gap:10px; }
.history-entry { height:66px; display:grid; grid-template-columns:54px 1fr 23px; align-items:center; gap:12px; padding:7px 10px; border:2px solid transparent; border-radius:13px; background:rgba(255,255,255,.055); color:#fff; text-align:left; }
.history-entry img { width:52px; height:52px; object-fit:contain; border-radius:9px; background:rgba(255,255,255,.06); }
.history-entry b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; }
.history-entry small { color:#8cbc96; font-size:12px; }
.history-entry em { color:#87ffa0; font-size:25px; font-style:normal; }
.history-entry.focused { transform:translateX(4px); border-color:#fff; background:linear-gradient(100deg,#34c853,#154d21); box-shadow:0 8px 24px rgba(0,0,0,.25); }
.history-empty { height:270px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#7ea586; text-align:center; }
.history-empty span { font-size:45px; opacity:.65; }
.history-actions { display:flex; justify-content:flex-end; margin-top:20px; }
.history-clear-all { height:53px; padding:0 25px; border:2px solid rgba(255,92,114,.45); border-radius:14px; background:rgba(96,18,34,.33); color:#ffdce2; font-size:16px; font-weight:900; }
.history-clear-all.focused { border-color:#fff; background:#b51f3a; color:#fff; }