/* =========================================================
   Rabbit Workspace OS v118 — Smartphone Responsive System
   Visual/layout override only. No functional selectors removed.
   ========================================================= */

:root{
  --r118-safe-top:env(safe-area-inset-top,0px);
  --r118-safe-right:env(safe-area-inset-right,0px);
  --r118-safe-bottom:env(safe-area-inset-bottom,0px);
  --r118-safe-left:env(safe-area-inset-left,0px);
  --r118-mobile-gap:12px;
  --r118-mobile-pad:12px;
  --r118-mobile-radius:22px;
  --r118-touch:46px;
}

@media (max-width:900px){
  html{
    width:100%;
    max-width:100%;
    min-height:100%;
    overflow-x:hidden!important;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
    scroll-padding-top:82px;
  }

  body{
    width:100%!important;
    max-width:100%!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overscroll-behavior-x:none;
    -webkit-overflow-scrolling:touch;
  }

  *,*::before,*::after{box-sizing:border-box}
  img,svg,video,canvas,iframe{max-width:100%}

  .scale-root{
    width:100%!important;
    max-width:100%!important;
    min-height:100dvh!important;
    transform:none!important;
    transform-origin:initial!important;
  }

  .scale-root .app,
  .app,
  .app.no-rightbar{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
  }

  .sidebar,.rabbit-pro-sidebar,.app>.sidebar,
  .rightbar,.app>.rightbar,aside.rightbar{
    display:none!important;
  }

  .main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0 0 calc(92px + var(--r118-safe-bottom))!important;
    overflow:visible!important;
  }

  /* Topbar */
  .topbar,.rabbit-pro-topbar{
    position:sticky!important;
    top:0!important;
    z-index:1200!important;
    width:100%!important;
    min-height:calc(68px + var(--r118-safe-top))!important;
    margin:0!important;
    padding:calc(8px + var(--r118-safe-top)) calc(10px + var(--r118-safe-right)) 8px calc(10px + var(--r118-safe-left))!important;
    display:grid!important;
    grid-template-columns:var(--r118-touch) minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    border-radius:0 0 22px 22px!important;
    border-top:0!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }

  .mobile-menu-btn{
    display:grid!important;
    place-items:center!important;
    width:var(--r118-touch)!important;
    min-width:var(--r118-touch)!important;
    height:var(--r118-touch)!important;
    min-height:var(--r118-touch)!important;
    padding:0!important;
    border-radius:15px!important;
    font-size:20px!important;
    line-height:1!important;
  }

  .topbar .search,.rabbit-pro-topbar .search{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }

  .topbar .search input,
  .rabbit-pro-topbar .search input{
    width:100%!important;
    min-width:0!important;
    height:var(--r118-touch)!important;
    min-height:var(--r118-touch)!important;
    padding:0 42px 0 14px!important;
    border-radius:15px!important;
    font-size:16px!important;
  }

  .topbar .search>button,
  .rabbit-pro-topbar .search>button{
    position:absolute!important;
    right:5px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    border-radius:12px!important;
  }

  .rabbit-topbar-user{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
  }

  .rabbit-bell,
  .rabbit-admin-chip{
    min-height:var(--r118-touch)!important;
    height:var(--r118-touch)!important;
    border-radius:15px!important;
  }

  .rabbit-bell{
    width:var(--r118-touch)!important;
    min-width:var(--r118-touch)!important;
    padding:0!important;
  }

  .rabbit-admin-chip{
    min-width:var(--r118-touch)!important;
    padding:0 8px!important;
  }

  .rabbit-admin-chip b{display:none!important}
  .rabbit-avatar-dot{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
  }

  /* Views and generic content */
  .view,
  .view.active,
  #home.view.active,
  #home.view.rabbit-home-with-rightbar-v1.active{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:var(--r118-mobile-pad)!important;
    overflow:visible!important;
  }

  .view>*{max-width:100%!important;min-width:0!important}

  .grid.two,.grid.three,.grid.four,
  .form-grid,.settings-layout,.settings-prem-grid,.settings-prem-columns,
  .profile-grid,.people-grid,.workspace-grid,.dashboard-grid,.reports-grid,
  .social-layout,.chat-layout,.page-layout,.kanban-grid,.ops-grid,
  .maildesk-grid,.calendar-grid,.quick-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:var(--r118-mobile-gap)!important;
  }

  .card,.panel,.section-card,.settings-prem-card,.settings-prem-section,
  .profile-panel,.people-card,.document-card,.knowledge-card,.program-card,
  .notification-card,.rabbit-pro-module-card,.rabbit-macro-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:var(--r118-mobile-radius)!important;
  }

  h1,h2,h3,h4,p,small,b,strong,span,label{
    overflow-wrap:anywhere;
  }

  button,.button,.rabbit-btn,[role="button"]{
    min-height:44px;
    touch-action:manipulation;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  textarea,select{
    max-width:100%!important;
    font-size:16px!important;
  }

  textarea{min-height:110px}

  /* Home */
  #home>.command-center,
  #home>.command-center.rabbit-pro-command,
  #home>.rabbit-pro-command{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
  }

  #home .command-panel,
  #home .command-panel.rabbit-pro-hero,
  #home .rabbit-pro-hero{
    width:100%!important;
    min-height:360px!important;
    height:auto!important;
    padding:22px!important;
    border-radius:24px!important;
    background-position:center!important;
  }

  #home .command-panel .command-title,
  #home .command-panel .command-title span{
    width:100%!important;
    margin:18px 0 10px!important;
    font-size:clamp(40px,12vw,58px)!important;
    line-height:.96!important;
    letter-spacing:-.065em!important;
  }

  #home .command-panel p,
  #home .command-panel .muted{
    width:100%!important;
    margin-bottom:18px!important;
    font-size:13px!important;
    line-height:1.45!important;
  }

  #home .command-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:auto!important;
  }

  #home .command-actions button{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    white-space:normal!important;
  }

  #home .rabbit-attention-center-v62{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:18px!important;
    border-radius:24px!important;
  }

  #home .rac-head-v62 h3{
    font-size:clamp(26px,8vw,36px)!important;
    line-height:1!important;
  }

  #home .rac-list-v62{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }

  #home .rac-item-v62{
    width:100%!important;
    min-width:0!important;
    min-height:72px!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    padding:10px!important;
  }

  #home .rac-actions-v62{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    padding-top:10px!important;
  }

  #home .rac-actions-v62 button{width:100%!important}

  #home>#homeLauncherCards,
  #home.rabbit-home-with-rightbar-v1>#homeLauncherCards,
  #home .home-launcher-shell,
  #home .rabbit-pro-modules,
  #home .rabbit-macro-modules-v1{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  #home .home-launcher-head,
  #home .rabbit-macro-head{
    margin:0 0 10px!important;
    padding:4px 2px 0!important;
  }

  #home .home-launcher-head h3,
  #home .rabbit-macro-head h3{
    font-size:clamp(28px,9vw,38px)!important;
  }

  /* Home Mail Console */
  #home .rabbit-maildesk-wide-card.rabbit-maildesk-summary-v3,
  #home .rabbit-maildesk-wide-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    gap:12px!important;
    padding:16px!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }

  #home .maildesk-summary-left,
  #home .maildesk-summary-center,
  #home .maildesk-summary-right,
  #home .maildesk-wide-actions{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
  }

  #home .maildesk-summary-identity{
    display:grid!important;
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
  }

  #home .maildesk-wide-icon{
    width:50px!important;
    height:50px!important;
    border-radius:17px!important;
  }

  #home .maildesk-summary-left h4,
  #home .maildesk-wide-left h4{
    font-size:clamp(26px,8vw,34px)!important;
    line-height:1!important;
  }

  #home .maildesk-summary-eyebrows{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px!important;
  }

  #home .maildesk-wide-stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  #home .maildesk-wide-stats>span{
    min-height:72px!important;
    padding:10px!important;
  }

  #home .maildesk-summary-actions-rail,
  #home .maildesk-wide-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }

  #home .maildesk-summary-actions-rail button,
  #home .maildesk-wide-actions button{width:100%!important}

  #home .maildesk-summary-right{
    padding:12px!important;
    border-radius:20px!important;
  }

  #home .maildesk-home-row{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:9px!important;
    padding:9px!important;
  }

  #home .maildesk-home-tags{
    grid-column:2!important;
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
  }

  #home .maildesk-summary-insights{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;
  }

  /* Macro areas */
  #home .rabbit-macro-grid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }

  #home .rabbit-macro-card{
    width:100%!important;
    min-width:0!important;
    min-height:auto!important;
    overflow:hidden!important;
  }

  #home .rabbit-macro-cover{
    min-height:190px!important;
    padding:18px!important;
  }

  #home .rabbit-macro-cover h4{
    font-size:clamp(28px,9vw,38px)!important;
  }

  #home .rabbit-macro-inner-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }

  #home .rabbit-macro-inner-grid .launch-card{
    min-height:70px!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
  }

  /* Mail Desk full page */
  #maildesk .maildesk-page{width:100%!important}
  #maildesk .maildesk-hero{
    width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    padding:18px!important;
    border-radius:24px!important;
  }
  #maildesk .maildesk-hero h2{font-size:clamp(34px,10vw,48px)!important}
  #maildesk .maildesk-hero .actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }
  #maildesk .maildesk-hero .actions button{width:100%!important}
  #maildesk .maildesk-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #maildesk .maildesk-toolbar{
    width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px!important;
  }
  #maildesk .maildesk-filter{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #maildesk .maildesk-filter button{width:100%!important;min-width:0!important}
  #maildesk .maildesk-message{
    width:100%!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    padding:14px!important;
    border-radius:20px!important;
  }
  #maildesk .maildesk-avatar{display:none!important}
  #maildesk .maildesk-message-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
  }
  #maildesk .maildesk-badge{justify-self:start!important}
  #maildesk .maildesk-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  /* Tables / board / lists */
  .table,.settings-prem-table,.ops-table,.data-table,
  .calendar-table,.report-table,.audit-table{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:auto!important;
  }

  table{min-width:680px}

  .kanban-board,.calendar-board,.gcal-scroll,.weekly-calendar,
  .timeline-strip,.horizontal-scroll{
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x proximity;
  }

  /* Settings and profile */
  .settings-prem-hero,.profile-hero,.people-hero,.workspace-hero,
  .rabbit-pro-hero:not(.command-panel){
    padding:18px!important;
    border-radius:24px!important;
  }

  .settings-prem-sidebar,.settings-menu,.settings-nav{
    position:static!important;
    width:100%!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .settings-prem-nav{
    display:flex!important;
    overflow-x:auto!important;
    gap:7px!important;
    padding-bottom:6px!important;
    scroll-snap-type:x proximity;
  }

  .settings-prem-nav button{
    flex:0 0 auto!important;
    min-width:max-content!important;
    scroll-snap-align:start;
  }

  .settings-prem-toggle,.settings-row,.config-row{
    width:100%!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }

  .profile-top,.profile-head,.people-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }

  /* Modal / popup */
  .mask{
    align-items:flex-end!important;
    padding:0!important;
  }

  .mask.show .mask-panel,
  .mask-panel{
    width:100%!important;
    max-width:100%!important;
    height:min(92dvh,920px)!important;
    max-height:92dvh!important;
    margin:0!important;
    border-radius:26px 26px 0 0!important;
    padding-bottom:var(--r118-safe-bottom)!important;
    overflow:hidden!important;
  }

  .mask-head{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    padding:16px!important;
  }

  .mask-head .actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }

  .mask-head .actions button{width:100%!important}
  .mask-body{
    width:100%!important;
    max-width:100%!important;
    padding:14px!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .doc-preview-frame,.doc-preview-image{
    width:100%!important;
    height:60dvh!important;
    max-height:60dvh!important;
  }

  /* Drawer */
  .mobile-drawer{
    position:fixed!important;
    inset:0!important;
    z-index:5000!important;
    padding:0!important;
    background:rgba(20,30,42,.34)!important;
    backdrop-filter:blur(6px)!important;
    -webkit-backdrop-filter:blur(6px)!important;
  }

  .mobile-drawer-panel{
    width:min(88vw,380px)!important;
    max-width:88vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:calc(12px + var(--r118-safe-top)) 12px calc(16px + var(--r118-safe-bottom))!important;
    border-radius:0 28px 28px 0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }

  .mobile-drawer-head{
    position:sticky!important;
    top:calc(-12px - var(--r118-safe-top))!important;
    z-index:2!important;
    margin:-12px -12px 12px!important;
    padding:calc(12px + var(--r118-safe-top)) 12px 12px!important;
  }

  .mobile-drawer-head button{
    min-width:76px!important;
    min-height:44px!important;
  }

  .mobile-drawer-nav{
    display:grid!important;
    gap:8px!important;
  }

  .mobile-drawer-nav button,
  .rabbit-mobile-nav-group button{
    width:100%!important;
    min-height:50px!important;
    padding:10px 12px!important;
    border-radius:16px!important;
    text-align:left!important;
  }

  /* AIris + Chat dock */
  #rabbitUnifiedHub{
    left:auto!important;
    right:calc(10px + var(--r118-safe-right))!important;
    bottom:calc(10px + var(--r118-safe-bottom))!important;
    width:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    padding:6px!important;
    border-radius:20px!important;
    z-index:3900!important;
  }

  #rabbitHubMain,#rabbitHubChat,#rabbitUnifiedHub .rah-fab{
    width:52px!important;
    min-width:52px!important;
    height:52px!important;
    min-height:52px!important;
    flex:0 0 52px!important;
    border-radius:17px!important;
  }

  #rabbitHubMain::after,#rabbitHubChat::after,#rabbitUnifiedHub .rah-fab::after{
    display:none!important;
  }

  body.rabbit-input-active #rabbitUnifiedHub{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(18px)!important;
  }

  #rabbitAssistantPanel{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    min-height:0!important;
    margin:0!important;
    border-radius:0!important;
    padding-top:var(--r118-safe-top)!important;
    padding-bottom:var(--r118-safe-bottom)!important;
    z-index:6200!important;
  }

  #rabbitAssistantPanel .ra-head{
    padding-top:calc(14px + var(--r118-safe-top))!important;
  }

  #rabbitAssistantPanel .ra-messages{
    min-height:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  #rabbitAssistantPanel .ra-compose{
    position:sticky!important;
    bottom:0!important;
    padding-bottom:calc(10px + var(--r118-safe-bottom))!important;
  }

  /* Chat full screen */
  #rc22Panel.rc22-panel,.rc22-panel{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    max-width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    padding:var(--r118-safe-top) var(--r118-safe-right) var(--r118-safe-bottom) var(--r118-safe-left)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    z-index:6100!important;
    overflow:hidden!important;
  }

  #rc22Panel .rc22-sidebar{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    border-right:0!important;
    overflow:hidden!important;
  }

  #rc22Panel .rc22-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    overflow:hidden!important;
  }

  #rc22Panel .rc22-head,
  #rc22Panel .rc22-thread-head{
    min-height:64px!important;
    padding:10px!important;
  }

  #rc22Panel .rc22-search{padding:8px 10px!important}
  #rc22Panel .rc22-search input{height:46px!important}

  #rc22Panel .rc22-list,
  #rc22Panel .rc22-messages{
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch!important;
  }

  #rc22Panel .rc22-contact{
    width:100%!important;
    min-height:58px!important;
  }

  #rc22Panel .rc22-tools{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  #rc22Panel .rc22-tools::-webkit-scrollbar{display:none!important}
  #rc22Panel .rc22-tool,
  #rc22Panel .rc22-close{
    flex:0 0 42px!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
  }

  #rc22Panel .rc22-compose{
    position:sticky!important;
    bottom:0!important;
    width:100%!important;
    min-height:68px!important;
    padding:8px 10px calc(8px + var(--r118-safe-bottom))!important;
    gap:7px!important;
  }
  #rc22Panel .rc22-compose input{
    min-width:0!important;
    height:46px!important;
  }
  #rc22Panel .rc22-compose button{
    flex:0 0 auto!important;
    min-width:70px!important;
    height:46px!important;
  }

  /* Calls */
  #rc22Call.rc22-call,.rc22-call{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    max-width:100%!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    padding-top:var(--r118-safe-top)!important;
    padding-bottom:var(--r118-safe-bottom)!important;
    z-index:6300!important;
  }
  #rc22Call .rc22-call-body{
    min-height:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr) minmax(150px,28dvh)!important;
  }
  #rc22Call .rc22-live{min-height:0!important}
  #rc22Call .rc22-call-controls{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding-bottom:calc(8px + var(--r118-safe-bottom))!important;
  }
  #rc22Call .rc22-call-controls button{width:100%!important;min-width:0!important}

  .rc22-conference-picker{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    max-height:88dvh!important;
    border-radius:24px!important;
  }

  /* Toasts and loading */
  #toast.toast,.toast{
    left:10px!important;
    right:10px!important;
    bottom:calc(78px + var(--r118-safe-bottom))!important;
    width:auto!important;
    max-width:none!important;
  }

  .rabbit-loading-panel{
    width:calc(100% - 24px)!important;
    max-width:520px!important;
    padding:22px!important;
    border-radius:26px!important;
  }

  /* Login */
  .login.rabbit-auth-openpa,
  .rabbit-auth-shell{
    width:100%!important;
    min-height:100dvh!important;
  }
  .rabbit-auth-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .rabbit-auth-brand-panel{
    min-height:250px!important;
    padding:calc(24px + var(--r118-safe-top)) 22px 24px!important;
  }
  .rabbit-auth-form-panel{padding:20px 14px calc(90px + var(--r118-safe-bottom))!important}
  .rabbit-auth-form-card{
    width:100%!important;
    max-width:560px!important;
    padding:20px!important;
    border-radius:24px!important;
  }
  .rabbit-auth-cookie-banner{
    left:10px!important;
    right:10px!important;
    bottom:calc(10px + var(--r118-safe-bottom))!important;
    width:auto!important;
    max-width:none!important;
  }
}

@media (max-width:560px){
  :root{--r118-mobile-pad:10px;--r118-mobile-gap:10px}

  .topbar,.rabbit-pro-topbar{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:6px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }

  .mobile-menu-btn,.rabbit-bell,.rabbit-admin-chip{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }

  .rabbit-bell{display:none!important}

  #home .command-panel{
    min-height:390px!important;
    padding:18px!important;
  }

  #home .command-panel .command-title,
  #home .command-panel .command-title span{
    font-size:clamp(38px,13vw,54px)!important;
  }

  #home .command-actions{grid-template-columns:minmax(0,1fr)!important}

  #home .rac-item-v62{
    grid-template-columns:40px minmax(0,1fr)!important;
  }
  #home .rac-item-v62 em{
    grid-column:2!important;
    justify-self:start!important;
  }

  #home .maildesk-summary-identity{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #home .maildesk-wide-icon{display:none!important}

  #maildesk .maildesk-filter,
  #maildesk .maildesk-actions,
  .mask-head .actions{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .form-grid,.form-grid.two,.form-grid.three{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  .settings-prem-toggle,.settings-row,.config-row{
    grid-template-columns:minmax(0,1fr)!important;
  }

  #rc22Panel .rc22-peer-text small{display:none!important}
  #rc22Panel .rc22-tool:not(.rc22-close){width:40px!important;min-width:40px!important}
  #rc22Panel .rc22-compose button{min-width:62px!important;padding:0 10px!important}

  .mobile-drawer-panel{width:92vw!important;max-width:92vw!important}
}

@media (max-width:390px){
  .topbar,.rabbit-pro-topbar{
    grid-template-columns:42px minmax(0,1fr) 42px!important;
  }
  .rabbit-admin-chip{padding:0!important}
  #home .command-panel{min-height:410px!important}
  #home .maildesk-wide-stats{grid-template-columns:minmax(0,1fr)!important}
  #home .rabbit-macro-cover{min-height:170px!important}
  #rabbitHubMain,#rabbitHubChat,#rabbitUnifiedHub .rah-fab{
    width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important;flex-basis:50px!important;
  }
}

@media (max-width:900px) and (orientation:landscape) and (max-height:520px){
  .topbar,.rabbit-pro-topbar{
    position:relative!important;
    min-height:58px!important;
    padding-top:6px!important;
  }
  #home .command-panel{min-height:300px!important}
  #rabbitAssistantPanel,#rc22Panel.rc22-panel,.rc22-panel,#rc22Call.rc22-call,.rc22-call{height:100dvh!important}
  #rc22Call .rc22-call-body{grid-template-columns:minmax(0,1fr) minmax(220px,34vw)!important;grid-template-rows:minmax(0,1fr)!important}
}

@media (prefers-reduced-motion:reduce){
  #rabbitUnifiedHub,
  #rabbitAssistantPanel,
  #rc22Panel,
  .mobile-drawer-panel{
    transition:none!important;
  }
}