/* Widget tra cứu từ điển nổi trong trang chi tiết bài học */
.lesdict-fab{
    position:fixed; right:22px; bottom:22px; z-index:1200;
    width:56px; height:56px; border-radius:50%; border:none; cursor:pointer;
    background:linear-gradient(135deg,#4f7cff,#7a5cff); color:#fff; font-size:20px;
    box-shadow:0 10px 26px rgba(79,124,255,.4);
    display:flex; align-items:center; justify-content:center;
    transition:transform .15s ease, filter .15s ease;
}
.lesdict-fab:hover{ filter:brightness(1.07); transform:scale(1.06); }
.lesdict-fab.open{ background:#374151; }

.lesdict-panel{
    position:fixed; right:22px; bottom:88px; z-index:1200;
    width:360px; max-width:calc(100vw - 32px); max-height:min(72vh,560px);
    background:#fff; border:1px solid #e6e9f2; border-radius:16px;
    box-shadow:0 18px 50px rgba(20,30,70,.22);
    display:flex; flex-direction:column; overflow:hidden;
    animation:lesdict-in .16s ease;
}
@keyframes lesdict-in{ from{ opacity:0; transform:translateY(8px);} to{ opacity:1; transform:none;} }

.lesdict-head{
    display:flex; align-items:center; justify-content:space-between;
    padding:12px 14px; background:linear-gradient(135deg,#4f7cff,#7a5cff); color:#fff; font-weight:700;
}
.lesdict-head span i{ margin-right:6px; }
.lesdict-close{ border:none; background:rgba(255,255,255,.2); color:#fff; width:26px; height:26px; border-radius:7px; cursor:pointer; }
.lesdict-close:hover{ background:rgba(255,255,255,.34); }

.lesdict-search{ display:flex; align-items:center; gap:8px; padding:12px 14px 6px; }
.lesdict-search i{ color:#8a93a6; }
.lesdict-search input{
    flex:1; border:1px solid #dfe3ee; border-radius:10px; padding:9px 12px; font-size:14px; outline:none;
}
.lesdict-search input:focus{ border-color:#4f7cff; box-shadow:0 0 0 3px rgba(79,124,255,.14); }
.lesdict-tip{ font-size:11.5px; color:#8a93a6; margin:0 14px 4px; }

.lesdict-body{ padding:6px 14px 14px; overflow:auto; }
.lesdict-loading{ color:#6b7280; font-size:14px; padding:8px 0; }
.lesdict-hintempty,.lesdict-empty{ color:#8a93a6; font-size:14px; padding:10px 0; }

.lesdict-top{ display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.lesdict-top h4{ margin:0; font-size:19px; color:#1f2740; }
.lesdict-phon{ color:#6b7280; font-size:13.5px; }
.lesdict-audio{
    margin-left:auto; width:34px; height:34px; border-radius:50%; border:none; cursor:pointer;
    background:#eef3ff; color:#4f7cff; font-size:13px; display:inline-flex; align-items:center; justify-content:center;
}
.lesdict-audio:hover{ background:#4f7cff; color:#fff; }

.lesdict-vi{ background:#e8f6ed; border:1px solid #cfe9d9; color:#0f5132; border-radius:8px; padding:7px 10px; font-size:14px; margin-bottom:8px; }
.lesdict-pos{ display:inline-block; font-style:italic; font-weight:700; font-size:12px; color:#4f7cff; background:#eef3ff; padding:2px 9px; border-radius:6px; margin:4px 0 6px; }
.lesdict-mean ol{ margin:0 0 8px; padding-left:20px; }
.lesdict-mean li{ margin:0 0 8px; font-size:14px; line-height:1.55; color:#2b3350; }
.lesdict-defvi{ color:#0f5132; font-size:13.5px; margin-top:2px; }
.lesdict-ex{ color:#6b7280; font-style:italic; font-size:13px; margin-top:2px; }

.lesdict-html{ font-size:14px; line-height:1.6; color:#2b3350; }
.lesdict-html p{ margin:0 0 7px; }
.lesdict-html ol,.lesdict-html ul{ margin:0 0 8px; padding-left:20px; }
.lesdict-html li{ margin:0 0 7px; }

@media (max-width:520px){
    .lesdict-panel{ right:12px; left:12px; width:auto; bottom:80px; }
    .lesdict-fab{ right:16px; bottom:16px; }
}