/* Validated global side band; the editor, channel tabs and resize handle are native. */
.qgc-panel{position:fixed;top:var(--qgc-top,56px);right:0;bottom:var(--qgc-bottom,44px);width:var(--qcu-width,380px);display:flex;flex-direction:column;z-index:45;border-left:1px solid var(--line);background:var(--base);color:var(--ink);overflow:visible;box-shadow:-8px 0 24px #00000004}
body.qgc-open :is(#main,.qref-viewbar){margin-right:var(--qgc-width,380px)}
.qgc-panel>.tks-compose.qcu-panel{position:static;height:100%;min-height:0;width:100%;border:0;padding:0;overflow:auto;background:var(--base)}
.qgc-panel .qcu-mount{flex:1;min-height:0;padding:12px;display:flex;flex-direction:column}
.qgc-panel .qcu-mount>.qec{height:100%;min-height:0;display:flex;flex-direction:column}
.qgc-panel .qec-body-wrap,.qgc-panel .qec-quill-wrap{flex:1;min-height:0;display:flex;flex-direction:column}
.qgc-panel .ql-container{min-height:120px!important;flex:1;overflow:auto}
.qgc-panel .qec-footer{flex:none}
.qgc-panel .qec button>svg{width:15px;height:15px;flex:none}
.qgc-panel:has(.qec-fullscreen){z-index:100001!important}
@media(max-width:768px){.qgc-panel{top:0;bottom:0;width:100%;z-index:1000}body.qgc-open :is(#main,.qref-viewbar){margin-right:0}.qgc-panel>.qcu-resize{display:none}.qgc-panel>.tks-compose.qcu-panel{height:100dvh}}