/* „Primii pasi cu Ariana” — tutorialul interactiv (BT 30.09.2026). Culorile panoului BT (albastru inchis + verde). */
#ag-bula{position:fixed;left:16px;bottom:16px;z-index:100000;width:330px;max-width:calc(100vw - 32px);box-sizing:border-box;
 background:linear-gradient(160deg,rgba(14,65,128,.97),rgba(11,27,60,.98));border:1px solid #2a5d99;border-radius:12px;
 box-shadow:0 10px 30px rgba(0,0,0,.5);color:#e8f1ff;font:13px/1.45 Arial,Helvetica,sans-serif;text-align:left;overflow:hidden}
#ag-bula *{box-sizing:border-box}
#ag-bula .ag-cap{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(#0e2f59,#071c38)}
#ag-bula .ag-cap img{width:44px;height:44px;border-radius:50%;border:2px solid #18c957;background:#fff;object-fit:cover;flex:none}
#ag-bula .ag-cap div{flex:1;min-width:0}
#ag-bula .ag-cap b{display:block;font-size:15px;color:#fff}
#ag-bula .ag-cap small{display:block;color:#9fd4ff;font-size:11px}
#ag-bula .ag-x{cursor:pointer;color:#9fd4ff;font-size:20px;line-height:1;padding:0 4px}
#ag-bula .ag-bara{height:4px;background:rgba(255,255,255,.12)}
#ag-bula .ag-bara i{display:block;height:100%;background:#18c957;transition:width .6s}
#ag-bula .ag-bravo{margin:10px 12px 0;padding:8px 10px;border-radius:8px;background:rgba(24,201,87,.18);border:1px solid rgba(24,201,87,.5);color:#fff}
#ag-bula .ag-pas{padding:10px 12px 4px}
#ag-bula .ag-pas small{display:block;color:#9fd4ff;font-size:11px;text-transform:uppercase;letter-spacing:.3px}
#ag-bula .ag-pas b{display:block;font-size:15px;color:#fff;margin:2px 0 4px}
#ag-bula .ag-pas p{margin:0 0 6px}
#ag-bula .ag-pas .ag-rasp{text-transform:none;letter-spacing:0;color:#80e2ab;font-size:12px}
#ag-bula .ag-btn{padding:6px 12px 12px;font-size:12px;color:#9fd4ff}
#ag-bula .ag-btn button{display:block;width:100%;margin:0 0 8px;padding:9px;border:0;border-radius:8px;cursor:pointer;
 background:linear-gradient(#80e2ab,#18c957);color:#062;font:bold 14px Arial,Helvetica,sans-serif}
#ag-bula .ag-btn a{color:#9fd4ff;text-decoration:underline}
#ag-bula.ag-mic{width:auto;padding:4px;border-radius:40px;cursor:pointer;display:flex;align-items:center;gap:6px}
#ag-bula.ag-mic img{width:48px;height:48px;border-radius:50%;border:2px solid #18c957;background:#fff;object-fit:cover}
#ag-bula.ag-mic .ag-bif{padding:0 10px 0 2px;font-weight:bold;color:#fff}
.ag-tinta{outline:3px solid #18c957!important;outline-offset:3px;animation:agPuls 1.4s ease-in-out infinite}
@keyframes agPuls{0%,100%{outline-color:#18c957}50%{outline-color:#b6ffd3}}
.ag-eticheta{position:absolute;z-index:100001;max-width:260px;padding:6px 10px 6px 6px;border-radius:8px;background:#18c957;color:#062;
 font:bold 12px/1.3 Arial,Helvetica,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.45);pointer-events:none;display:flex;align-items:center;gap:6px}
.ag-eticheta span{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#062;color:#fff}
@media (max-width:520px){#ag-bula{left:8px;bottom:8px}}