/* OynaBak flexible floor studio: desktop, tablet, mobile and large venues. */
#ob-adisyon .ob-floor{position:relative;min-width:0;padding:20px}
#ob-adisyon .ob-floor-header{align-items:center;padding-bottom:13px;border-bottom:1px solid #e7edf5;margin-bottom:12px}
#ob-adisyon .ob-floor-header h3{font-size:clamp(19px,2vw,23px)}
#ob-adisyon .ob-floor .ob-floor-scroll{width:100%;height:clamp(480px,65vh,850px);max-height:none;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;border:1px solid #d4e1ee;background:#edf2f8;border-radius:15px;scrollbar-width:thin;position:relative}
#ob-adisyon .ob-floor .ob-floor-canvas{min-width:0;min-height:0;width:100%;border:0;border-radius:0;position:relative;--ob-floor-table-size:112px;background-size:calc(28px * var(--ob-floor-zoom,1)) calc(28px * var(--ob-floor-zoom,1));touch-action:pan-x pan-y}
#ob-adisyon .ob-floor .ob-floor-canvas.is-editing{border:0;background-color:#eaf2fc}
#ob-adisyon .ob-floor .ob-floor-table{width:var(--ob-floor-table-size);height:var(--ob-floor-table-size);padding:6px;border-radius:clamp(7px,1.4vw,16px);gap:3px}
#ob-adisyon .ob-floor .ob-floor-table.is-round{border-radius:50%}
#ob-adisyon .ob-floor .ob-floor-table b{font-size:clamp(8px,calc(var(--ob-floor-table-size) * .14),19px);line-height:1.15}
#ob-adisyon .ob-floor .ob-floor-table small{font-size:clamp(7px,calc(var(--ob-floor-table-size) * .095),13px);line-height:1.15}
#ob-adisyon .ob-floor .ob-floor-table.is-draggable{touch-action:none}
#ob-adisyon .ob-floor .ob-floor-table.is-moving{z-index:12}
#ob-adisyon .ob-floor-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:5px 0 14px;align-items:center}
#ob-adisyon .ob-floor-toolbar-group{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
#ob-adisyon .ob-floor-toolbar .ob-btn{min-height:40px;padding:9px 12px;font-size:12px;white-space:nowrap}
#ob-adisyon .ob-floor-toolbar .ob-btn.ob-floor-icon{min-width:41px;text-align:center;font-size:17px;padding:6px 9px}
#ob-adisyon .ob-floor-zoom-level{font-variant-numeric:tabular-nums;min-width:50px;text-align:center;font-weight:800;font-size:13px;color:#213c5c}
#ob-adisyon .ob-floor-toolbar label{font-size:12px;font-weight:700;color:#526783;display:flex;gap:7px;align-items:center}
#ob-adisyon .ob-floor-toolbar select{background:#fff;border:1px solid #d2dce9;border-radius:9px;min-height:40px;padding:7px 9px;font:inherit;font-size:13px;max-width:135px}
#ob-adisyon .ob-floor-summary{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#61758c;font-size:12px;margin:4px 0 9px}
#ob-adisyon .ob-floor-summary strong{color:#1d3b60;font-variant-numeric:tabular-nums}
#ob-adisyon .ob-floor-hint{font-size:12px;color:#657b93;margin:10px 0 0;line-height:1.5}
#ob-adisyon .ob-floor.is-expanded{position:fixed;z-index:35;inset:8px;display:flex;flex-direction:column;padding:18px 23px 16px;background:#fff;border:1px solid #bdcfe1;box-shadow:0 20px 70px #06193277;border-radius:19px;max-width:none;width:auto;height:auto;min-height:0;overflow:hidden}
#ob-adisyon .ob-floor.is-expanded .ob-floor-header{flex:0 0 auto}
#ob-adisyon .ob-floor.is-expanded .ob-floor-toolbar{flex:0 0 auto}
#ob-adisyon .ob-floor.is-expanded .ob-floor-summary{flex:0 0 auto}
#ob-adisyon .ob-floor.is-expanded .ob-floor-scroll{flex:1 1 auto;min-height:0;height:auto;max-height:none}
#ob-adisyon .ob-floor.is-expanded .ob-floor-hint{flex:0 0 auto}
#ob-adisyon .ob-floor-entrance{left:12px;bottom:0}
#ob-adisyon .ob-floor .ob-floor-scroll:focus-visible{outline:3px solid #427fc3;outline-offset:-3px}
#ob-adisyon .ob-floor-toolbar button:focus-visible{outline:3px solid #427fc3;outline-offset:2px}
@media(min-width:1450px){#ob-adisyon .ob-shell{max-width:1540px}#ob-adisyon .ob-floor .ob-floor-scroll{height:clamp(580px,72vh,1040px)}}
@media(max-width:650px){
 #ob-adisyon .ob-floor{padding:13px}
 #ob-adisyon .ob-floor .ob-floor-scroll{height:max(430px,63dvh)}
 #ob-adisyon .ob-floor-header{margin-bottom:8px}
 #ob-adisyon .ob-floor-toolbar{align-items:stretch}
 #ob-adisyon .ob-floor-toolbar-group{width:100%;justify-content:space-between}
 #ob-adisyon .ob-floor-toolbar-group .ob-btn{flex:1}
 #ob-adisyon .ob-floor-toolbar .ob-btn.ob-floor-icon{flex:0 0 40px}
 #ob-adisyon .ob-floor-toolbar label{flex:1;min-width:0}
 #ob-adisyon .ob-floor-toolbar select{flex:1;max-width:none;min-width:0}
 #ob-adisyon .ob-floor-zoom-level{min-width:46px}
 #ob-adisyon .ob-floor.is-expanded{inset:0;border:0;border-radius:0;padding:12px 10px 12px}
 #ob-adisyon .ob-floor.is-expanded .ob-floor-toolbar{gap:6px}
 #ob-adisyon .ob-floor.is-expanded .ob-floor-scroll{height:auto}
 #ob-adisyon .ob-floor-summary{font-size:11px}
 #ob-adisyon .ob-floor-hint{font-size:11px}
}
@media(prefers-reduced-motion:reduce){#ob-adisyon .ob-floor .ob-floor-scroll{scroll-behavior:auto}}

/* Overview zoom: show table numbers only when fitting a large plan on a small screen. */
#ob-adisyon .ob-floor .ob-floor-canvas.is-mini .ob-floor-table{padding:0;border-width:1px;gap:0}
#ob-adisyon .ob-floor .ob-floor-canvas.is-mini .ob-floor-table b{font-size:0;line-height:1}
#ob-adisyon .ob-floor .ob-floor-canvas.is-mini .ob-floor-table b::after{content:attr(data-number);font-size:clamp(6px,calc(var(--ob-floor-table-size) * .33),12px);font-weight:800}
#ob-adisyon .ob-floor .ob-floor-canvas.is-mini .ob-floor-table small{display:none}
