/* WRKDOCS Active Tool Workspace — embedded focus mode
   Only activates when a full editor opens. The dedicated tool pages are unaffected.
   No changes to PDF operations, uploaded files, metadata, or rendering engine. */
.workspace.editor-active{
 grid-template-columns:minmax(218px,258px) minmax(0,1fr)!important;
 align-items:start;
 column-gap:15px!important;
}
.workspace.editor-active .results-pane{display:none!important}
.workspace.editor-active .tools-pane{
 min-height:unset!important;
 align-self:start;
 position:sticky;top:15px;
 border-radius:17px;
 overflow:hidden;
 box-shadow:0 13px 38px #13385817;
}
.workspace.editor-active .tools-pane .pane-header{
 padding:17px 17px 11px;
 background:#fff;
}
.workspace.editor-active .tools-pane .pane-title{font-size:16px}
.workspace.editor-active .tools-pane .pane-subtitle{font-size:11px}
.workspace.editor-active .tool-list-head{padding:10px 13px 6px}
.workspace.editor-active .tool-list{max-height:min(68vh,680px)!important;min-height:180px;overflow-y:auto;overscroll-behavior:contain;padding:3px 9px 12px}
.workspace.editor-active .tool-item{min-height:42px!important;border-radius:10px;padding:9px 9px;font-size:11.5px}
.workspace.editor-active .tool-choice>.tool-item.active{
 background:#e9f5f5!important;color:#0d6d69!important;border:1px solid #9edbce!important;
 box-shadow:inset 3px 0 0 #189c8b;
}
.workspace.editor-active .tool-item .tool-emoji{font-size:17px}
.workspace.editor-active .center-pane{
 min-height:650px!important;
 overflow:visible!important;
 border:1px solid #d5e4ee;
 background:#fff;
 box-shadow:0 16px 43px #163c6012;
}
.workspace.editor-active .center-heading{display:none}
.workspace.editor-active .embedded-panel{
 min-height:550px!important;
 background:#fff!important;
 display:flex;
 flex-direction:column;
 overflow:visible!important;
 border-radius:18px;
}
.workspace.editor-active .embedded-top{
 position:relative;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 align-items:center;
 gap:15px;
 border-radius:17px 17px 0 0;
 background:linear-gradient(112deg,#112b42,#164657)!important;
 border-bottom:1px solid #37727b!important;
 padding:20px clamp(16px,2.6vw,29px)!important;
 color:#eefaff!important;
}
.workspace.editor-active .embedded-title-block{flex:1;min-width:190px}
.workspace.editor-active .embedded-label{
 font-size:10px;
 font-weight:850;
 letter-spacing:.15em;
 color:#99e8d2;
 display:flex;gap:7px;align-items:center;
 margin:0 0 7px;
}
.workspace.editor-active .embedded-live-dot{width:7px;height:7px;border-radius:50%;background:#78edc8;display:inline-block}
.workspace.editor-active .embedded-title-block h3{
 margin:0 0 5px;
 font-size:clamp(19px,2vw,25px);
 line-height:1.25;
 letter-spacing:-.035em;
 color:#fff;
 font-weight:850
}
.workspace.editor-active #embeddedMessage{
 color:#bedae4!important;
 font-size:11.5px;
 line-height:1.55;
 margin:0;
 max-width:680px
}
.workspace.editor-active .embedded-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.workspace.editor-active .embedded-controls .action{
 display:inline-flex;align-items:center;justify-content:center;
 min-height:39px;
 border:1px solid #5c8998!important;
 background:#23516a!important;color:#effcff!important;
 border-radius:9px!important;
 padding:10px 13px;
 text-decoration:none;
 font-size:11px!important;
 font-weight:760;
 white-space:nowrap;
 transition:background .18s,border-color .18s
}
.workspace.editor-active .embedded-controls .action:hover{background:#30667a!important;border-color:#8de4cd!important;text-decoration:none}
.workspace.editor-active .embedded-controls .embedded-close{background:#d6f4eb!important;color:#115b54!important;border-color:#b9e7d9!important}
.workspace.editor-active .embedded-controls .embedded-close:hover{background:#c7f2e5!important}
.workspace.editor-active .change-tool-button{display:none!important}
.workspace.editor-active .embedded-canvas{
 flex:1;min-height:540px;
 background:#f7fafc;
 border-radius:0 0 17px 17px;
 overflow:hidden;
}
.workspace.editor-active #embeddedToolFrame{
 display:block!important;
 width:100%!important;
 min-height:550px!important;
 height:780px;
 border:0!important;
 overflow:hidden;
 background:#f8fbfe!important;
 max-width:100%;
}
body.workspace-tool-active .home-hubs,
body.workspace-tool-active .home-discovery,
body.workspace-tool-active .bottom-note{display:none!important}
body.workspace-tool-active .workspace{margin-bottom:36px}
@media(max-width:1080px){
 .workspace.editor-active{grid-template-columns:minmax(190px,218px) minmax(0,1fr)!important;gap:10px!important}
 .workspace.editor-active .embedded-top{padding:18px!important}
 .workspace.editor-active .embedded-controls{width:100%}
 .workspace.editor-active .embedded-controls .action{flex:0 1 auto}
}
@media(max-width:750px){
 .workspace.editor-active{display:flex!important;flex-direction:column;gap:11px!important;min-height:unset!important}
 .workspace.editor-active .tools-pane{display:none!important;position:static;width:100%;min-height:0!important}
 .workspace.editor-active.tool-picker-open .tools-pane{display:flex!important}
 .workspace.editor-active .tools-pane .tool-list{max-height:55vh!important}
 .workspace.editor-active .center-pane{order:0;width:100%;min-height:500px!important}
 .workspace.editor-active.tool-picker-open .tools-pane{order:0}
 .workspace.editor-active.tool-picker-open .center-pane{order:1}
 .workspace.editor-active .embedded-top{padding:16px!important;gap:12px}
 .workspace.editor-active .embedded-title-block{width:100%}
 .workspace.editor-active .embedded-title-block h3{font-size:21px}
 .workspace.editor-active .embedded-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .workspace.editor-active .embedded-controls .action{min-width:0;width:100%;white-space:normal;text-align:center;font-size:11px!important;padding:9px 7px}
 .workspace.editor-active .change-tool-button{display:inline-flex!important}
 .workspace.editor-active .embedded-canvas{min-height:420px}
 .workspace.editor-active #embeddedToolFrame{min-height:450px!important}
 .workspace.editor-active .tool-picker-open .tools-pane{position:static}
}
@media(max-width:425px){
 .workspace.editor-active .embedded-controls{grid-template-columns:1fr 1fr}
 .workspace.editor-active .embedded-title-block h3{font-size:19px}
 .workspace.editor-active .embedded-controls .action{min-height:42px}
}
@media(prefers-reduced-motion:reduce){
 .workspace.editor-active .embedded-controls .action{transition:none}
}
@media print{
 .workspace.editor-active .tools-pane,.workspace.editor-active .embedded-controls{display:none!important}
 .workspace.editor-active{display:block!important}
 .workspace.editor-active .center-pane{box-shadow:none!important}
}
