:root { --pin-bar-h: 0px !important; --de-home-header: 62px; }
body.de-quick-access-on { --pin-bar-h: 0px !important; }
#pinnedTabsRow, .pinned-tabs-row, .settings-content.pin-picker { display: none !important; }
body.de-quick-access-on .tab-content { padding-top: 98px !important; }
body.de-quick-access-on .de-home-scroll { margin-top: 45px; }
body.de-quick-access-on.sm-capnew #contentTranscribe.tab-content.active { padding-top: 98px !important; }
#deQuickAccess { position: fixed; top: var(--de-home-header); left: 0; right: 0; height: 45px; padding: 5px 10px; box-sizing: border-box; display: flex; gap: 5px; align-items: center; background: #111114; color: #d3d3dd; border-bottom: 1px solid #3d242c; z-index: 60000; font: 11px 'Segoe UI', sans-serif; }
body.devilish-tool-open #deQuickAccess { top: 42px; }
#deQuickAccess button { display: flex; align-items: center; justify-content: center; gap: 6px; flex: 0 0 auto; height: 33px; padding: 0 10px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #a9a9b4; font: inherit; white-space: nowrap; cursor: pointer; }
#deQuickAccess button:hover { color: #fff; background: #25252b; border-color: #3c3c46; }
#deQuickAccess button.active { background: #3b2029; border-color: #763044; color: #ff718a; }
#deQuickAccess [data-qa-open] { width:33px; min-width:33px; padding:0; flex:0 0 33px; }
#deQuickAccess [data-qa-open] span { display:none!important; }
#deQuickAccess #deQaWhatsApp { color: #42d983; width: 33px; padding: 0; }
#deQuickAccess #deQaWhatsApp:hover { color: #72f4a6; background: #182c21; border-color: #286541; }
#deQuickAccess svg, #deQaPicker svg { width: 17px; height: 17px; flex: 0 0 17px; }
#deQaItems { display: flex; gap: 3px; align-items: center; overflow-x: auto; flex: 1; min-width: 0; scrollbar-width: none; }
#deQaItems::-webkit-scrollbar { height: 0; }
#deQuickAccess #deQaCustomize { border: 1px solid #51313f; background: #271c24; color: #fa687f; width: 33px; padding: 0; }
.de-qa-divider { width: 1px; height: 20px; background: #3b3038; }
#deQaPicker { position: fixed; z-index: 100090; top: calc(var(--de-home-header) + 50px); right: 10px; width: min(530px, calc(100vw - 20px)); max-height: calc(100vh - 120px); overflow: auto; padding: 14px; box-sizing: border-box; color: #ddd; background: #19191e; border: 1px solid #713145; border-radius: 9px; box-shadow: 0 12px 40px #000b; font: 11px 'Segoe UI', sans-serif; }
body.devilish-tool-open #deQaPicker { top: 92px; }
#deQaPicker[hidden] { display: none !important; }
#deQaPicker header { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
#deQaPicker header strong { font-size: 15px; font-weight: 600; }
#deQaPicker p { color: #9999a7; font-size: 10px; line-height: 1.6; margin: 5px 0 12px; }
#deQaPicker button { border: 1px solid #373740; background: #24242b; color: #ccc; border-radius: 5px; padding: 6px 9px; font: inherit; cursor: pointer; }
#deQaPicker button:hover { border-color: #d94260; color: #fff; }
#deQaPicker button:disabled { opacity: .3; cursor: default; }
#deQaPicker input { width: 100%; background: #101014; color: #eee; border: 1px solid #383841; border-radius: 5px; padding: 9px; font: inherit; box-sizing: border-box; }
#deQaOrder { margin: 12px 0; }
#deQaOrder h4 { margin: 8px 0; color: #9999a5; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; }
#deQaOrder > div { display: flex; gap: 5px; align-items: center; padding: 4px 0; }
#deQaOrder > div > span { flex: 1; color: #c7c7d0; }
#deQaOrder button { padding: 3px 7px; }
#deQaCatalog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; border-top: 1px solid #33333d; padding-top: 12px; }
#deQaCatalog button { display: flex; text-align: left; align-items: center; gap: 8px; padding: 10px; }
#deQaCatalog button span { flex: 1; }
#deQaPicker .active { background: #3b222d; color: #ff7f96; border-color: #753247; }
#deQaPicker footer { display: flex; align-items: center; gap: 12px; justify-content: space-between; margin-top: 14px; }
#deQaPicker footer small { color: #8e8e9b; font-size: 9px; }
@media(max-width: 650px) { #deQuickAccess button { padding: 0 9px; }#deQuickAccess [data-qa-open] { padding:0; } }