/* Shared-room touch browsing; desktop layout is unchanged. */
#app .ui-room img,.add1-card-preview img{ -webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none }
#app .ui-room .material img,#app .ui-room .ui-page-list img,.add1-card-preview img{pointer-events:none}
@media(pointer:coarse),(max-width:850px){
 #app .ui-room .material{touch-action:pan-y!important;-webkit-touch-callout:none;user-select:none}
 #app .ui-room .ui-page-list{touch-action:pan-y;-webkit-touch-callout:none}
 #app .ui-room .material-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 #app .ui-room .add1-room-header{gap:5px;padding:5px 8px;min-height:38px}
 #app .ui-room .add1-room-header .brand,#app .ui-room .add1-room-header>.connection,#app .ui-room .add1-room-header>span:not(.room-safety-status){display:none}
 #app .ui-room .add1-room-header h1{font-size:12px;min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #app .ui-room .ui-room-themes{gap:4px}
 #app .ui-room .room-safety-status{flex-basis:auto;font-size:10px;gap:4px}
 #app .ui-room .add1-room-layout,#app .ui-room.ui-immersive .add1-room-layout{padding:4px!important;gap:0!important;grid-template-columns:0 minmax(0,1fr) 0!important}
 #app .ui-room .add1-stage{grid-column:2!important;grid-row:1!important;min-width:0}
 #app .ui-room .add1-room-toolbar,#app .ui-room.ui-immersive .add1-room-toolbar{position:static;transform:none;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;gap:5px;padding:3px!important;margin:0 0 4px!important;min-height:39px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 #app .ui-room .add1-room-toolbar::-webkit-scrollbar{display:none}
 #app .ui-room .add1-room-toolbar>button{height:34px!important;min-height:34px!important;padding:6px 8px!important;font-size:12px!important;white-space:nowrap;flex:none}
 #app .ui-room .add1-room-toolbar [data-ui=fullscreen]{order:-2;position:sticky;left:0;z-index:2;box-shadow:2px 0 4px #15374622}
 #app .ui-room .add1-room-toolbar [data-ui=landscape]{order:-1}
 #app .ui-room .ui-canvas-zoom{flex:none;white-space:nowrap}
 #app .ui-room .ui-room-tools{left:5px;top:calc(var(--room-safety-header,56px) + 94px);width:40px;gap:6px}
 #app .ui-room .ui-room-tools button{min-height:48px;padding:6px 2px;font-size:11px;opacity:.94}
 #app .ui-room .ui-room-tools button>span{font-size:20px}
 #app .ui-room .add1-material-panel,#app .ui-room.ui-immersive .add1-material-panel{left:50px;top:8px;bottom:10px;width:min(240px,calc(100vw - 62px));z-index:9;box-sizing:border-box}
 #app .ui-room .add1-room-side{top:8px;bottom:10px;right:5px;width:min(270px,calc(100vw - 60px));z-index:9;box-sizing:border-box}
 #app .ui-room .add1-board-shell,#app .ui-room.ui-immersive .add1-board-shell{padding:2px!important;overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
 #app .ui-room .add1-board-shell.ui-board-zoomed{display:block;scrollbar-width:thin}
 #app .ui-room .ui-board-zoomed #board.board{max-width:none!important}
 #app .ui-room .canvas-manage-footer{min-height:20px}
 #app .ui-room.ui-mobile-focus>.add1-room-header,#app .ui-room:fullscreen>.add1-room-header{display:none!important}
 #app .ui-room.ui-mobile-focus .add1-room-layout,#app .ui-room:fullscreen .add1-room-layout{height:100dvh!important}
 #app .ui-room.ui-mobile-focus .ui-room-tools,#app .ui-room:fullscreen .ui-room-tools{top:54px}
 #app .ui-room.ui-mobile-focus .ui-room-rail-right,#app .ui-room:fullscreen .ui-room-rail-right{top:54px}
 #app .ui-room.ui-mobile-focus .canvas-manage-footer,#app .ui-room:fullscreen .canvas-manage-footer{display:none}
}
@media(pointer:coarse) and (orientation:landscape){
 #app .ui-room .add1-room-header{padding:2px 8px;min-height:30px}
 #app .ui-room .ui-room-tools{top:calc(var(--room-safety-header,34px) + 48px)}
 #app .ui-room .exp-current-question.ui-no-question{display:none}
}

#app .ui-room .ui-delete-selected{color:#b54545;border-color:#dfbaba}
@media(pointer:coarse),(max-width:850px){#app .ui-room .add1-room-toolbar .ui-delete-selected{order:-1}}

/* Keep the drawing near the controls in portrait; retain usable landscape height. */
@media(max-width:850px) and (orientation:portrait){
 #app .ui-room .add1-board-shell{align-items:flex-start!important}
 #app .ui-room .add1-room-header h1{order:0;max-width:calc(100% - 85px)}
 #app .ui-room .add1-room-header>.add1-room-home{order:1;margin-left:auto}
 #app .ui-room .ui-room-themes{order:2}
 #app .ui-room .room-safety-status{order:3;margin-left:auto}
}
@media(pointer:coarse),(max-width:850px){
 #app .ui-room .add1-material-panel,#app .ui-room.ui-immersive .add1-material-panel{width:min(200px,calc(100vw - 62px));max-height:calc(100% - 16px)}
 #app .ui-room .ui-room-rail-right{top:calc(var(--room-safety-header,56px) + 98px);right:5px}
 #app .ui-room .add1-room-toolbar .ui-delete-selected{order:-3;position:sticky;left:0;z-index:3;background:var(--room-panel)}
 #app .ui-room .add1-room-toolbar [data-ui=fullscreen]{position:static;box-shadow:none}
}

#app .ui-room .ui-room-tools .ui-room-delete{display:none}
@media(pointer:coarse),(max-width:850px){
 #app .ui-room .ui-room-tools .ui-room-delete{display:flex!important;color:#b43535!important;background:var(--room-panel)!important;border-color:#c88484!important}
 #app .ui-room .ui-room-tools .ui-room-delete:disabled{opacity:.65!important}
 #app .ui-room .add1-room-toolbar .ui-delete-selected{display:none!important}
}

/* A standalone touch action: never inside a clipped or scrolling toolbar. */
#app .ui-room .room-floating-delete{display:none}
@media(pointer:coarse),(max-width:1000px){
 #app .ui-room .room-floating-delete{display:block!important;position:absolute!important;right:12px!important;bottom:calc(32px + env(safe-area-inset-bottom,0px))!important;z-index:40!important;min-height:40px!important;padding:9px 16px!important;font-size:14px!important;font-weight:600!important;border:1px solid #c36b6b!important;border-radius:9px!important;color:#a42b2b!important;background:var(--room-panel)!important;box-shadow:0 3px 12px #142d4333}
 #app .ui-room .ui-room-tools .ui-room-delete{display:none!important}
}
@media(max-height:600px) and (orientation:landscape){
 #app .ui-room .add1-material-panel{padding:8px!important;top:5px!important;bottom:5px!important;width:240px!important;max-height:calc(100% - 10px)!important}
 #app .ui-room .add1-material-panel .ui-panel-heading{margin-bottom:5px!important;font-size:12px!important;flex:none}
 #app .ui-room .journey-room-deck-filter{display:block!important;margin:0 0 5px!important;flex:none}
 #app .ui-room .journey-room-deck-filter>span{display:none!important}
 #app .ui-room .journey-room-deck-filter select{height:30px!important;min-height:30px!important;margin:0!important;padding:4px 7px!important;font-size:12px!important;width:100%}
 #app .ui-room #card-deck-controls{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;margin:0 0 6px!important;flex:none}
 #app .ui-room .card-deck-face{flex:1!important;gap:4px!important}
 #app .ui-room #card-deck-controls button{min-height:28px!important;height:28px!important;padding:3px 6px!important;font-size:11px!important;width:auto!important}
 #app .ui-room .card-deck-heading,#app .ui-room .card-deck-hint{display:none!important}
 #app .ui-room #add1-materials{flex:1!important;min-height:0!important;grid-auto-rows:max-content!important;gap:10px 8px!important;overflow-y:auto!important;align-content:start!important}
 #app .ui-room #add1-materials .material img{height:112px!important;max-height:112px!important;width:100%!important;object-fit:contain!important}
 #app .ui-room .ui-card-browser>small{font-size:10px!important;line-height:1.3!important;margin-top:4px!important;flex:none}
 #app .ui-room .room-floating-delete{bottom:8px!important}
}

/* Delete uses the room's normal toolbar palette. */
#app .ui-room .ui-delete-selected,#app .ui-room .ui-room-tools .ui-room-delete,#app .ui-room .room-floating-delete{color:var(--room-text)!important;border-color:var(--room-line)!important;background:var(--room-button)!important}

#app .ui-room .ui-delete-selected:disabled,#app .ui-room .ui-room-tools .ui-room-delete:disabled,#app .ui-room .room-floating-delete:disabled{opacity:1!important;filter:none!important;color:var(--room-text)!important;background:var(--room-button)!important;border-color:var(--room-line)!important}

/* Keep the resize handle outside small touch cards so a drag moves the card. */
@media(pointer:coarse),(max-width:850px){
 #app .ui-room .board-item .add1-resize{right:-20px!important;bottom:-20px!important;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;padding:0!important;margin:0!important}
}