/* Cloud Design v1.3.5 — mobile workspace rebuild */
.mobile-workspace-topbar,.mobile-admin-bottom-nav,.mobile-workspace-overlay{display:none}
.workspace-nav-section{display:grid;gap:4px;margin:8px 0 16px}
.workspace-nav-section>.nav-label{margin:8px 8px 4px}
.workspace-nav-section>a,.workspace-drawer-logout button{display:flex;align-items:center;gap:10px;width:100%}
.workspace-nav-icon{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.035);color:var(--muted);font-size:.9rem;line-height:1}
.workspace-nav-text{min-width:0;flex:1}.nav-with-badge .nav-count-badge{margin-left:auto}
.workspace-drawer-head{display:none}.workspace-drawer-logout{margin:0}.workspace-drawer-logout button{border:0;background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer;padding:10px 12px;border-radius:12px}.workspace-drawer-logout button:hover{background:rgba(255,255,255,.04);color:var(--text)}
.workspace-primary-action{display:flex!important;align-items:center;justify-content:center;gap:8px}.workspace-nav-plus{font-size:1.3rem;line-height:1}
.workspace-nav a.is-active{background:rgba(135,92,255,.13)!important;color:var(--text)!important;border-color:rgba(155,115,255,.32)!important}.workspace-nav a.is-active .workspace-nav-icon{background:rgba(137,91,255,.2);color:#d8cbff}

@media (max-width:900px){
  :root{--mobile-workspace-bottom:78px}
  body.workspace-drawer-open{overflow:hidden!important;touch-action:none}
  body.has-mobile-workspace{padding-bottom:calc(var(--mobile-workspace-bottom) + env(safe-area-inset-bottom,0px))!important}

  /* Kill the old horizontal workspace navigation from v1.3.0. */
  .dashboard-shell>.container.dashboard-grid,.dashboard-grid{display:block!important;padding-top:0!important}
  .dashboard-main{width:100%!important;min-width:0!important}
  .workspace-nav.workspace-drawer{
    display:block!important;position:fixed!important;inset:0 auto 0 0!important;top:0!important;
    width:min(88vw,360px)!important;max-width:360px!important;height:100dvh!important;margin:0!important;
    padding:0 14px calc(22px + env(safe-area-inset-bottom,0px))!important;border-radius:0 24px 24px 0!important;
    overflow-y:auto!important;overflow-x:hidden!important;z-index:5102!important;
    background:linear-gradient(180deg,rgba(16,18,31,.995),rgba(8,10,18,.998))!important;
    border:0!important;border-right:1px solid rgba(255,255,255,.08)!important;
    box-shadow:28px 0 80px rgba(0,0,0,.55)!important;backdrop-filter:blur(24px)!important;
    transform:translate3d(-104%,0,0)!important;transition:transform .26s cubic-bezier(.2,.8,.2,1)!important;
    scrollbar-width:none!important;
  }
  .workspace-nav.workspace-drawer::-webkit-scrollbar{display:none!important}
  .workspace-nav.workspace-drawer.is-open{transform:translate3d(0,0,0)!important}
  .workspace-nav.workspace-drawer .workspace-nav-head{display:none!important}
  .workspace-nav.workspace-drawer .nav-label{display:block!important;color:var(--muted)!important;font-size:.68rem!important;letter-spacing:.11em!important;text-transform:uppercase!important;padding:0!important;white-space:normal!important}
  .workspace-nav.workspace-drawer a,.workspace-nav.workspace-drawer form,.workspace-nav.workspace-drawer button{width:100%!important;min-height:46px!important;margin:0!important;white-space:normal!important;flex:initial!important;font-size:.92rem!important}
  .workspace-nav.workspace-drawer a{display:flex!important;align-items:center!important;gap:11px!important;padding:10px 12px!important;border-radius:13px!important;border:1px solid transparent!important;color:rgba(245,246,255,.86)!important;text-decoration:none!important}
  .workspace-nav.workspace-drawer a:active{transform:scale(.985)}
  .workspace-nav.workspace-drawer .side-nav-create{margin:12px 0 18px!important;min-height:48px!important;background:linear-gradient(135deg,#7254e8,#9b72ff)!important;color:#fff!important;box-shadow:0 10px 28px rgba(111,74,230,.22)!important}
  .workspace-nav-section{display:grid!important;gap:4px!important;margin:0 0 13px!important;padding:0 0 12px!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
  .workspace-account-section{border-bottom:0!important;margin-bottom:0!important}
  .workspace-nav-icon{width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important;background:rgba(255,255,255,.04)!important;color:#aeb2c5!important;font-size:1rem!important}
  .workspace-nav a.is-active{background:rgba(126,87,241,.15)!important;border-color:rgba(145,107,255,.24)!important;color:#fff!important}
  .workspace-nav a.is-active .workspace-nav-icon{background:rgba(126,87,241,.24)!important;color:#e4dcff!important}
  .workspace-drawer-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;position:sticky!important;top:0!important;z-index:2!important;margin:0 -14px 12px!important;padding:16px 14px 12px!important;background:linear-gradient(180deg,rgba(16,18,31,1) 78%,rgba(16,18,31,0))!important}
  .workspace-drawer-user{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}
  .workspace-drawer-avatar{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:linear-gradient(135deg,rgba(126,87,241,.28),rgba(166,123,255,.12))!important;border:1px solid rgba(160,123,255,.2)!important;font-weight:800!important}
  .workspace-drawer-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
  .workspace-drawer-user strong,.workspace-drawer-user span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .workspace-drawer-user strong{font-size:.95rem!important}.workspace-drawer-user span{font-size:.75rem!important;color:var(--muted)!important;margin-top:2px!important}
  .workspace-drawer-close{width:42px!important;height:42px!important;min-height:42px!important;flex:0 0 42px!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.04)!important;color:#fff!important;font-size:1.55rem!important;line-height:1!important}
  .workspace-drawer-logout button{padding:10px 12px!important;border:1px solid rgba(255,103,122,.14)!important;background:rgba(255,79,103,.055)!important;color:#ffb3be!important;border-radius:13px!important}

  .mobile-workspace-overlay{display:block!important;position:fixed!important;inset:0!important;z-index:5101!important;background:rgba(2,3,8,.68)!important;backdrop-filter:blur(4px)!important;opacity:0!important;pointer-events:none!important;transition:opacity .22s ease!important}
  .mobile-workspace-overlay.is-open{opacity:1!important;pointer-events:auto!important}
  .mobile-workspace-overlay[hidden]{display:none!important}

  .mobile-workspace-topbar{display:flex!important;align-items:center!important;gap:11px!important;position:sticky!important;top:64px!important;z-index:70!important;margin:0 -12px 14px!important;padding:9px 12px!important;min-height:58px!important;background:rgba(9,11,20,.92)!important;border-top:1px solid rgba(255,255,255,.04)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;backdrop-filter:blur(20px)!important}
  .mobile-workspace-menu-btn{width:42px!important;height:42px!important;min-height:42px!important;flex:0 0 42px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:13px!important;background:rgba(255,255,255,.04)!important}
  .mobile-workspace-menu-btn span{display:block!important;width:18px!important;height:2px!important;border-radius:99px!important;background:#f4f2ff!important}
  .mobile-workspace-topbar-copy{min-width:0!important;flex:1!important}.mobile-workspace-topbar-copy small,.mobile-workspace-topbar-copy strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-workspace-topbar-copy small{font-size:.65rem!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#8d83b8!important}.mobile-workspace-topbar-copy strong{font-size:.96rem!important;margin-top:1px!important}
  .mobile-workspace-quick-add{width:42px!important;height:42px!important;flex:0 0 42px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:linear-gradient(135deg,#7657e8,#9a70ff)!important;color:#fff!important;text-decoration:none!important;font-size:1.45rem!important;line-height:1!important;box-shadow:0 8px 24px rgba(115,79,225,.22)!important}
  .mobile-workspace-profile{font-size:.7rem!important}

  .mobile-admin-bottom-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;position:fixed!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;z-index:5000!important;min-height:64px!important;padding:6px!important;border-radius:20px!important;background:rgba(12,14,24,.96)!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 18px 50px rgba(0,0,0,.48)!important;backdrop-filter:blur(22px)!important}
  .mobile-admin-bottom-nav>a,.mobile-admin-bottom-nav>button{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:0!important;min-height:52px!important;margin:0!important;padding:4px 3px!important;border:0!important;border-radius:15px!important;background:transparent!important;color:#999eb1!important;text-decoration:none!important;font:inherit!important}
  .mobile-admin-bottom-nav .mobile-tab-icon{height:24px!important;display:grid!important;place-items:center!important;font-size:1.1rem!important;line-height:1!important}.mobile-admin-bottom-nav small{font-size:.63rem!important;line-height:1.1!important;white-space:nowrap!important}
  .mobile-admin-bottom-nav>a.is-active{color:#fff!important;background:rgba(126,87,241,.13)!important}.mobile-admin-bottom-nav>a.is-active .mobile-tab-icon{color:#cbbcff!important}
  .mobile-tab-with-badge b{position:absolute!important;top:3px!important;left:calc(50% + 7px)!important;min-width:17px!important;height:17px!important;padding:0 4px!important;display:grid!important;place-items:center!important;border-radius:99px!important;background:#8b61ff!important;color:#fff!important;font-size:.58rem!important;box-shadow:0 0 0 2px rgba(12,14,24,.96)!important}

  /* Common mobile admin layout cleanup */
  .dashboard-shell{padding-top:0!important;padding-bottom:18px!important}.dashboard-shell>.container{padding-left:12px!important;padding-right:12px!important}
  .dashboard-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:12px 0 16px!important}.dashboard-head h1{font-size:clamp(1.75rem,8vw,2.35rem)!important;line-height:1.04!important}.dashboard-head p{max-width:none!important}
  .dashboard-head .inline-actions,.messages-head-actions-v131{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important}.dashboard-head .inline-actions>* ,.messages-head-actions-v131>*{width:100%!important;justify-content:center!important}
  .dashboard-main>.card,.dashboard-main .panel,.legal-settings-card,.access-role-card,.contract-builder-form,.contract-process-card,.new-chat-card-v131{border-radius:18px!important;padding:16px!important}
  .stat-grid,.dashboard-stats,.access-role-grid,.lead-work-grid,.contract-builder-grid,.settings-grid,.profile-fields,.new-chat-form-v131{grid-template-columns:1fr!important}
  .lead-filter-v130{grid-template-columns:1fr!important}.lead-filter-v130>*{width:100%!important}
  .table-wrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:16px!important}.table-wrap table{min-width:700px!important}
  .raw-form,.project-form-section-final,.settings-card{min-width:0!important}.raw-form input,.raw-form select,.raw-form textarea,.project-form-section-final input,.project-form-section-final select,.project-form-section-final textarea{max-width:100%!important;font-size:16px!important}
  .inline-actions:not(.dashboard-head .inline-actions){flex-wrap:wrap!important}.inline-actions:not(.dashboard-head .inline-actions)>.primary-btn,.inline-actions:not(.dashboard-head .inline-actions)>.ghost-btn{max-width:100%!important}
  .project-savebar-final,.mobile-sticky-save{bottom:calc(var(--mobile-workspace-bottom) + 16px + env(safe-area-inset-bottom,0px))!important}
  .chat-layout,.staff-message-layout{min-height:0!important}.chat-composer,.composer-shell{margin-bottom:calc(var(--mobile-workspace-bottom) + 8px)!important}
  .site-dialog-panel{max-height:calc(100dvh - 34px)!important;overflow:auto!important}
}

@media (max-width:430px){
  .mobile-workspace-topbar{top:60px!important}.dashboard-shell>.container{padding-left:10px!important;padding-right:10px!important}.mobile-admin-bottom-nav{left:6px!important;right:6px!important;bottom:calc(6px + env(safe-area-inset-bottom,0px))!important;border-radius:18px!important}.mobile-admin-bottom-nav small{font-size:.6rem!important}.workspace-nav.workspace-drawer{width:min(91vw,350px)!important}.dashboard-main>.card,.dashboard-main .panel,.legal-settings-card,.access-role-card,.contract-builder-form,.contract-process-card,.new-chat-card-v131{padding:14px!important;border-radius:16px!important}
}