/* أدوات العرض خارج مساحة الورقة: لا تغيّر أبعاد الطباعة أو محتوى المشروع. */
#editor{height:100dvh;min-height:0}
#topbar{flex-shrink:0}
#main{min-height:0}
#sidebar{flex-shrink:0}
#canvas{min-width:0;direction:ltr;align-items:flex-start;touch-action:pan-x pan-y}
#canvas>.a4{flex:none;direction:rtl;margin-inline:auto}
#workspaceFooter{display:flex;justify-content:center;align-items:center;flex-shrink:0;padding:7px 12px calc(7px + env(safe-area-inset-bottom));background:#fbfaf7;border-top:1px solid #e3e2ea;z-index:30}
#zoomControls{display:flex;direction:ltr;align-items:center;gap:8px;max-width:100%}
#zoomControls button,#zoomControls output{color:#43467f;background:#fff;border:1px solid #e3e2ea;border-radius:10px;height:38px!important;min-width:38px;width:auto!important;font-size:13px;font-weight:700;display:grid;place-items:center}
#zoomControls output{border:0;background:transparent;min-width:45px}
#zoomSlider{width:clamp(60px,22vw,180px);min-width:0;accent-color:#ed6967;cursor:pointer}
#zoomControls button:focus-visible,#previewExit:focus-visible{outline:3px solid #ed6967;outline-offset:2px}
#previewExit{position:fixed;top:12px;left:12px;z-index:20000;border:1px solid #d9d9e6;border-radius:14px;padding:12px 18px;background:#43467f;color:white;font-size:14px;font-weight:700;box-shadow:0 6px 20px #31366c22}
#activityPopover{position:fixed;z-index:15000;max-width:calc(100vw - 90px);padding:12px;border:1px solid #e3e2ea;border-radius:14px;box-shadow:0 10px 32px #31366c28;background:#fff;color:#31366c;font-size:13px;line-height:1.6;direction:rtl}
#activityPopover strong{display:block;margin-bottom:7px}
#activityPopover button{border:0;border-radius:9px;padding:9px 14px;background:#43467f;color:#fff;font-size:12px;font-weight:700;min-height:38px}
#activityPopover[hidden],#previewExit[hidden]{display:none!important}
body.worksheet-preview #topbar,body.worksheet-preview #sidebar,body.worksheet-preview #assetBar,body.worksheet-preview #workspaceFooter,body.worksheet-preview #usageTooltip,body.worksheet-preview #activityPopover{display:none!important}
body.worksheet-preview #canvas{padding:64px 16px 28px}
body.worksheet-preview .a4{pointer-events:none;user-select:none}
body.worksheet-preview .a4 .inner{outline:none!important}
body.worksheet-preview .a4 :is(.tools,.plabel,.addbtn,.rx,.hfx,.iadd,.editbar,.mimg,.free-controls,.resize-handle,.rotate-handle,.canvas-guide,.activity-toolbar,.activity-cell-editor,.activity-text-panel,.activity-resize-handle,.activity-size-tip,.activity-guide,.activity-type-badge,.organizer-add,.organizer-node-tools,.smart-diagram-controls){display:none!important}
body.worksheet-preview .a4 :is(.block,.free-item){border-color:transparent!important;box-shadow:none!important}
body.worksheet-preview .a4 .layer-hidden{display:none!important}
body.worksheet-preview .a4 [contenteditable]{outline:none!important}
body.worksheet-preview .a4 :is(.diagram-node-add,.diagram-node-resize,.diagram-hint){display:none!important}
body.worksheet-preview .a4 :is(.organizer-remove,.label-image-picker,.label-image-change,.organizer-controls,.level-color,.venn-color,.kwl-column-tools){display:none!important}
body.worksheet-preview .a4 .smart-cell-selected{outline:0!important}
@media(max-width:1366px) and (pointer:coarse), (max-width:1024px){
  #main{flex-direction:row}
  #mobileSidebarToggle{display:none!important}
  #sidebar,#main.show-mobile-sidebar #sidebar{display:flex;flex-direction:column;gap:8px;width:60px;padding:10px 6px;overflow-x:hidden;overflow-y:auto;border-left:1px solid #e3e2ea;border-bottom:0;max-height:none}
  #sidebar .activity-group-title,#sidebar h3,#sidebar .activity-card-label,#sidebar .activity-card-add{display:none}
  #sidebar .ab.activity-card{display:grid;place-items:center;flex:0 0 44px;min-width:44px;width:44px;min-height:44px;height:44px;padding:3px;margin:0;border-radius:12px;transform:none}
  #sidebar .activity-card-icon{width:34px;height:34px;font-size:19px;border-radius:10px}
  #canvas{padding:28px 10px 16px;width:auto}
  #topbar{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;min-height:52px;padding:6px 8px}
  #topbar>*{flex-shrink:0}
  #toolbarActions{flex-wrap:nowrap}
  #wsTitle{width:135px}
  #st{display:none}
}
@media print{
  #workspaceFooter,#previewExit,#activityPopover{display:none!important}
  #editor{height:auto!important}
  #main{display:block!important;overflow:visible!important}
}