/* BiCAD — mobile.css v8 — Experiência mobile fullscreen */

/* ═══ MOBILE FAB ═══ */
.mob-fab{display:none;position:fixed;bottom:72px;right:16px;z-index:900;width:52px;height:52px;border-radius:50%;background:var(--accent,#C8A764);color:#fff;border:none;font-size:22px;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.5);transition:transform .2s,background .2s;-webkit-tap-highlight-color:transparent}
.mob-fab:active{transform:scale(.9)}
.mob-fab.open{background:#E86B6B}

/* ═══ MOBILE TOOL RING ═══ */
.mob-tool-ring{display:none;position:fixed;z-index:899;pointer-events:none}
.mob-tool-ring.open{display:block;pointer-events:auto}
.mob-tool-btn{position:absolute;width:42px;height:42px;border-radius:50%;background:var(--bg2,#1a1c22);border:1.5px solid var(--bd,#2a2d36);color:var(--tx1,#eee);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.4);transition:transform .15s,opacity .15s;-webkit-tap-highlight-color:transparent}
.mob-tool-btn.act{border-color:var(--accent,#C8A764);background:rgba(200,167,100,.15)}
.mob-tool-btn:active{transform:scale(.85)!important}

/* ═══ MOBILE BOTTOM SHEET ═══ */
.mob-sheet{display:none;position:fixed;bottom:0;left:0;right:0;z-index:800;background:var(--bg2,#1a1c22);border-top:2px solid var(--accent,#C8A764);border-radius:16px 16px 0 0;max-height:85vh;min-height:48px;transform:translateY(calc(100% - 48px));transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -4px 24px rgba(0,0,0,.6);overflow:hidden;touch-action:none}
.mob-sheet.peek{transform:translateY(calc(100% - 130px))}
.mob-sheet.open{transform:translateY(0);overflow-y:auto}
.mob-sheet.full{transform:translateY(0);max-height:100vh;height:100vh;border-radius:0;overflow-y:auto}
.mob-sheet-handle{display:flex;justify-content:center;padding:10px 0 4px;cursor:grab;user-select:none}
.mob-sheet-handle span{width:40px;height:4px;border-radius:2px;background:var(--tx3,#666)}
.mob-sheet-tabs{display:flex;gap:0;border-bottom:1px solid var(--bd,#2a2d36);padding:0 8px}
.mob-sheet-tab{flex:1;padding:8px 4px;font-size:10px;text-align:center;background:none;border:none;border-bottom:2px solid transparent;color:var(--tx3,#666);cursor:pointer;-webkit-tap-highlight-color:transparent}
.mob-sheet-tab.act{color:var(--accent,#C8A764);border-bottom-color:var(--accent,#C8A764)}
.mob-sheet-pane{display:none;padding:10px 12px 24px;font-size:11px;line-height:1.6}
.mob-sheet-pane.act{display:block}

/* ═══ MOBILE TOPBAR ═══ */
.mob-topbar{display:none!important;position:fixed;top:0;left:0;right:0;height:44px;z-index:700;padding:0 10px;background:var(--bg1,#15171c);border-bottom:1px solid var(--bd,#2a2d36);align-items:center;gap:8px}
.mob-topbar .mob-menu{font-size:20px;background:none;border:none;color:var(--tx1,#eee);cursor:pointer;padding:4px;-webkit-tap-highlight-color:transparent}
.mob-topbar .mob-title{flex:1;font-size:11px;font-weight:500;color:var(--tx2,#aaa);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mob-topbar .mob-save-status{font-size:8px;color:var(--tx3,#666)}
.mob-topbar .mob-tool-name{font-size:9px;padding:2px 8px;border-radius:10px;background:rgba(200,167,100,.15);color:var(--accent,#C8A764)}

/* ═══ MOBILE OVERLAY STRIP ═══ */
.mob-ov-strip{display:none;position:fixed;top:48px;left:0;right:0;z-index:690;padding:4px 8px;gap:4px;background:rgba(21,23,28,.92);backdrop-filter:blur(8px);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.mob-ov-btn{display:inline-flex;padding:4px 10px;border-radius:12px;font-size:10px;background:var(--bg2,#1a1c22);border:1px solid var(--bd,#2a2d36);color:var(--tx2,#aaa);cursor:pointer;-webkit-tap-highlight-color:transparent}
.mob-ov-btn.act{border-color:var(--accent,#C8A764);color:var(--accent,#C8A764)}

/* ═══ DRAWER OVERLAY ═══ */
.mob-overlay{display:none;position:fixed;inset:0;z-index:940;background:rgba(0,0,0,.6)}
.mob-overlay.show{display:block}

/* ═══════════════════════════════════ */
/* ═══ BREAKPOINT < 768px           ═══ */
/* ═══════════════════════════════════ */
@media(max-width:768px){
  #sidebar{display:none!important;position:fixed;left:0;top:0;bottom:0;z-index:950;width:85vw;max-width:340px;box-shadow:4px 0 24px rgba(0,0,0,.6)}
  #sidebar.mob-open{display:flex!important;animation:mobSlideIn .25s ease}
  #cw{width:100vw!important;margin-left:0!important;padding-top:44px!important;padding-bottom:0!important}
  #rbar{display:none!important}
  .mob-topbar{display:flex!important}
  .mob-fab{display:flex;align-items:center;justify-content:center}
  .mob-sheet{display:block}
  .mob-ov-strip{display:flex}
  .tb{bottom:56px!important;top:auto!important;left:8px!important;right:auto!important;flex-direction:row!important}
  .tb .b{min-width:36px!important;min-height:36px!important;font-size:16px!important}
  #zi{display:none}
  #credit{display:none}
  #cp{left:0!important;width:100%!important;max-width:none!important;border-radius:12px 12px 0 0!important}
  #cg{padding:16px!important}
  .gi{font-size:32px!important}
  .gt{font-size:14px!important}
  html,body{overscroll-behavior:none;overflow:hidden;height:100%}
  #app{height:100vh;overflow:hidden}
}
@keyframes mobSlideIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:400px){
  .mob-fab{width:46px;height:46px;font-size:18px;bottom:64px;right:12px}
  .mob-tool-btn{width:38px;height:38px;font-size:12px}
  .mob-sheet-tab{font-size:9px;padding:6px 2px}
}