/* Shared mobile layout. Loaded after page styles so all areas use the same breakpoints. */
.floy-mobile-bar, .floy-mobile-backdrop { display: none; }
.main, .content-area, .container, .title-area { min-width: 0; }
.mobile-task-details-toggle, .mobile-task-edit { display: none; }

@media (max-width: 900px) {
  :root { --floy-mobile-header: calc(56px + env(safe-area-inset-top, 0px)); }
  body.floy-mobile-navigation { padding-top: var(--floy-mobile-header); box-sizing: border-box; }
  body.floy-mobile-navigation .app,
  body.floy-mobile-navigation .main,
  body.floy-mobile-navigation > .users-page,
  body.floy-mobile-navigation > .commercial-page {
    height: calc(100dvh - var(--floy-mobile-header));
    min-height: 0;
  }
  .floy-mobile-bar {
    position: fixed; inset: 0 0 auto; z-index: 150;
    height: var(--floy-mobile-header); box-sizing: border-box;
    padding: env(safe-area-inset-top, 0px) max(12px, env(safe-area-inset-right, 0px)) 0 max(12px, env(safe-area-inset-left, 0px));
    display: flex; align-items: center; justify-content: space-between;
    background: #fff; border-bottom: 1px solid #e5e7eb;
  }
  .floy-mobile-bar a { display: flex; align-items: center; }
  .floy-mobile-bar img { object-fit: contain; }
  .floy-mobile-menu {
    display: inline-flex; align-items: center; gap: 10px; min-height: 44px;
    padding: 8px 12px; border: 1px solid #dfe5e2; border-radius: 10px;
    background: #f4faf7; color: #0f6b4c; font: 600 14px system-ui; cursor: pointer;
  }
  .floy-mobile-menu span { font-size: 22px; }
  body.floy-mobile-navigation .mobile-sidebar-btn { display: none; }
  body.floy-mobile-navigation #sidebar-root {
    position: fixed; top: 0; left: 0; bottom: 0; z-index: 100010;
    width: min(300px, calc(100vw - 48px)); min-width: 0; height: 100dvh;
    box-sizing: border-box; padding-top: max(16px, env(safe-area-inset-top, 0px));
    padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
    visibility: hidden; transform: translateX(-100%);
  }
  body.floy-mobile-navigation #sidebar-root.open-mobile { visibility: visible; transform: translateX(0); }
  .floy-mobile-backdrop:not([hidden]) {
    display: block; position: fixed; inset: 0; z-index: 100000; background: rgba(15,23,42,.45);
    touch-action: none;
  }
  .floy-mobile-menu-open main { pointer-events: none; }
  body.floy-mobile-menu-open .floy-ai-launcher,
  body:has(.side-panel.open, .task-drawer.open, .modal-backdrop.show, .modal-backdrop[style*="flex"]) .floy-ai-launcher { visibility: hidden; }
  .sidebar .nav-btn, .sidebar .proj-row, .sidebar .toggle-sidebar,
  .sidebar .sidebar-notification-button, .sidebar .sidebar-submenu-toggle { min-height: 44px; }
  body.floy-modern :is(.main-header, .master-header, .dash-header, .page-header) {
    flex-wrap: wrap; align-items: flex-start; gap: 12px; padding: 16px;
  }
  body.floy-modern .main-header { flex-direction: row; }
  .main-header > .title-area { width: 100%; flex: 1 1 auto; }
  .project-header-row { min-width: 0; flex-wrap: wrap; gap: 8px; }
  .project-title { overflow-wrap: anywhere; }
  body.floy-modern .view-switch {
    display: flex; width: 100%; max-width: 100%; overflow-x: auto; flex-wrap: nowrap;
    padding-bottom: 6px; scrollbar-width: thin;
  }
  .view-switch .switch-btn { flex: 0 0 auto; white-space: nowrap; min-height: 44px; }
  .controls, .header-actions, .actions, .dashboard-top-actions { flex-wrap: wrap; max-width: 100%; gap: 8px; }
  body.floy-modern .filters-bar { padding: 12px 16px; flex-wrap: wrap; gap: 10px; }
  .filters-left { min-width: 0; width: 100%; flex-wrap: wrap; }
  .filters-bar input.search-input { width: 100%; min-width: 0; }
  .filters-left > div[style] { margin-left: 0 !important; padding-left: 0 !important; border-left: 0 !important; flex-wrap: wrap; }
  .active-filters-list { max-width: 100%; flex-wrap: wrap; }
  .sprint-banner { flex-wrap: wrap; max-width: 100%; }
  body.floy-modern .filter-popup {
    position: fixed; inset: auto 12px max(12px, env(safe-area-inset-bottom, 0px));
    width: auto; max-height: 70dvh; overflow-y: auto; z-index: 9000;
  }
  body.floy-modern :is(.side-panel, .logs-sidebar) { width: 100%; max-width: 100vw; height: 100dvh; }
  body.floy-modern .side-panel:not(.open) { right: -100%; box-shadow: none; visibility: hidden; }
  body.floy-modern .side-panel.open { right: 0; }
  body.floy-modern :is(.panel-body, .panel-header, .panel-footer-fixed) { padding: 16px; }
  body.floy-modern .panel-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .panel-grid > * { min-width: 0; }
  .panel-footer-fixed { padding-bottom: max(16px, env(safe-area-inset-bottom, 0px)) !important; }
  .panel-footer-fixed > div { flex-wrap: wrap; gap: 10px; }
  .panel-footer-fixed > div > div { flex-wrap: wrap; }
  .side-panel .panel-footer { padding: 16px; }
  .side-panel .panel-footer > div { flex-wrap: wrap; gap: 8px; }
  .side-panel .panel-footer > div > div { flex-wrap: wrap; }
  body.floy-modern :is(.modal-card, .modal-content, .credentials-card) {
    box-sizing: border-box; max-width: calc(100vw - 24px); max-height: calc(100dvh - 32px); overflow-y: auto;
  }
  .modal-backdrop { padding: 12px; box-sizing: border-box; }
  [id^="modal"] > div { max-width: calc(100vw - 24px); box-sizing: border-box; max-height: calc(100dvh - 32px); overflow-y: auto; }
  body.floy-modern :is(input, select, textarea) { font-size: 16px; }
  :is(.modal-card, .panel-body, .panel-grid) :is(input, select, textarea) { max-width: 100%; min-width: 0; box-sizing: border-box; }
  body.floy-modern :is(.btn, .filter-btn-toggle, .filter-select) { min-height: 44px; }
  body.floy-modern :is(.kanban, .board-container, .list-body-scroll, .content-area) { min-height: 0; }
  body.floy-modern .kanban { padding: 16px; gap: 12px; overflow-x: auto; scroll-snap-type: x proximity; }
  .kanban > .kanban-col { flex: 0 0 min(300px, calc(100vw - 44px)); min-width: 0; scroll-snap-align: start; }
  .calendar-wrapper { overflow: auto; }
  .cal-toolbar { flex-wrap: wrap; gap: 10px; padding: 12px; }
  .cal-controls { gap: 6px; flex-wrap: wrap; }
  .cal-month-title { min-width: 0; font-size: 16px; }
  .cal-grid, .cal-grid-header { min-width: 630px; }
  .cal-grid { overflow: visible; flex: 1 0 auto; }
  .cal-grid-header { position: sticky; top: 0; z-index: 2; }
  body.floy-page-home .main { padding: 16px; }
  body.floy-page-dashboard .dash-header { position: static; flex-direction: row; flex-shrink: 0; }
  body.floy-page-dashboard .header-left { flex: 1 1 100%; }
  body.floy-page-dashboard .filters-wrapper { flex: 1 1 100%; }
  body.floy-page-dashboard .dashboard-top-actions { margin-left: 0; width: 100%; justify-content: flex-start; }
  body.floy-page-dashboard .chart-card { min-width: 0; }
  body.floy-page-editar-projeto .main { padding: 0; }
  body.floy-page-editar-projeto .card { padding: 16px; }
  body.floy-page-editar-projeto .card > div[style*="display:flex"] { flex-wrap: wrap; gap: 10px; }
  body.floy-page-editar-projeto .visual-editor { flex-wrap: wrap; }
  body.floy-page-editar-projeto #sprintContentArea > div > div[style*="display:flex"] { flex-wrap: wrap; }
  body.floy-page-editar-projeto #sprintContentArea > div > div > div { flex: 1 1 100% !important; min-width: 0; }
  body.floy-page-editar-projeto .card div[style*="min-width:280px"] { min-width: 0 !important; flex-basis: 100% !important; }
  body.floy-page-painel-comercial .validation-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.floy-page-home .master-header { padding: 0; }
  body.floy-page-home .master-header .actions { width: 100%; }
  body.floy-page-home .master-header .actions .btn { flex: 1 1 140px; }
  .quick-links .top-row, .title-wrap, .proj-title { flex-wrap: wrap; gap: 12px; }
  .wrap { width: 100%; min-width: 0; box-sizing: border-box; padding: 16px; }
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.floy-modern .occ-card-grid, body.floy-modern .sector-grid { grid-template-columns: minmax(0, 1fr); padding: 16px; }
  .users-page, .commercial-page { min-width: 0; overflow-y: auto; }
  .table-scroll, .table-container { max-width: 100%; overflow: auto; }
  body.floy-page-comercial .top-header { height: auto; min-height: 64px; flex-wrap: wrap; gap: 10px; padding: 12px; }
  body.floy-page-comercial .header-left { min-width: 0; }
  body.floy-page-comercial .tabs-area { overflow-x: auto; padding-inline: 12px; flex-shrink: 0; }
  body.floy-page-comercial .tab-item { white-space: nowrap; }
  body.floy-page-comercial .footer-bar { position: static; height: auto; flex-wrap: wrap; gap: 12px; padding: 12px 12px 64px; }
  body.floy-page-comercial .footer-left { margin-left: 0; flex-wrap: wrap; }
  body.floy-page-comercial .chat-left-panel { left: 12px; width: calc(100vw - 24px); max-height: 75dvh; }
  body.floy-page-index { min-height: 100dvh; overflow-y: auto; }
  body.floy-page-index .bg-decoration { position: fixed; right: 0; bottom: 0; max-width: 100%; }
  body.floy-page-index .card { padding: 28px 20px; }
  body.floy-page-page2_adm { height: auto; min-height: 100dvh; padding: 16px; }
  .floy-ai-launcher { bottom: max(12px, env(safe-area-inset-bottom, 0px)); }
}

@media (min-width: 701px) and (max-width: 1400px) {
  body:is(.floy-page-lista, .floy-page-tema, .floy-page-minhas-atividades) .content-area { overflow-x: auto; }
  body:is(.floy-page-lista, .floy-page-tema) #listView { min-width: 1400px; }
  body.floy-page-minhas-atividades #listView { min-width: 1400px; }
  body.floy-area-comercial.floy-page-tema .grid-layout { grid-template-columns: 30px 30px 40px minmax(220px, 1fr) 70px 94px 118px var(--col-sprint) 138px 96px 116px 140px 46px 40px; }
  body.floy-area-comercial.floy-page-tema :is(.header-cell, .cell):nth-child(n+4) { display: flex; }
}

@media (max-width: 1400px) {
  body.floy-page-painel-comercial .board-controls { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 900px) and (max-height: 600px) {
  /* On short screens the fixed navigation can consume the projects' scroll area. */
  body.floy-mobile-navigation #sidebar-root { overflow-y: auto; overscroll-behavior: contain; }
  #sidebar-root > * { flex-shrink: 0; }
  #sidebar-root .sidebar-scroll-wrapper { flex: 0 0 auto; overflow: visible; }
  #sidebar-root .sidebar-header-row { position: sticky; top: 0; z-index: 2; background: #fff1cf; }
  body.floy-mobile-navigation .main { overflow-y: auto; }
  .main > .container, .main > .content-area, .main > .board-container { min-height: 300px; flex-shrink: 0; }
}

@media (max-width: 600px) {
  .modal-card div:has(> div > :is(#createInicio, #createPrioridade)) { flex-wrap: wrap; }
  .modal-card div:has(> div > :is(#createInicio, #createPrioridade)) > div { flex: 1 1 180px !important; min-width: 0; }
  .modal-body-clean > div[style*="display:flex"],
  .modal-body-clean > div[style*="display: flex"], #cp_sprintDates { flex-wrap: wrap; }
  .modal-body-clean > div > div[style*="flex:1"],
  .modal-body-clean > div > div[style*="flex: 1"], #cp_sprintDates > div { flex: 1 1 180px !important; min-width: 0; }
  body.floy-modern :is(.notes-grid, .projects-grid, .stats-summary, .kpi-container, .executive-kpis, .executive-main-grid, .executive-split, .board-container) { grid-template-columns: minmax(0, 1fr); }
  body.floy-modern :is(.dash-header, .filters-wrapper, .kpi-container, .board-container, .executive-overview) { padding-left: 16px; padding-right: 16px; }
  .controls { display: flex; width: 100%; }
  .controls .btn { flex: 1 1 120px; justify-content: center; }
  .filters-bar > *, .filter-select { min-width: 0; max-width: 100%; }
  .filters-bar .filter-select { width: 100%; }
  .title-wrap > div, .proj-title > div { min-width: 0; max-width: 100%; flex-wrap: wrap; }
  #projName, #projDesc { overflow-wrap: anywhere; }
  body.floy-page-home .card > div[style*="justify-content:space-between"] { flex-wrap: wrap; gap: 10px; }
  .camp-responsibles-grid { grid-template-columns: minmax(0, 1fr); }
  .panel-footer-fixed > div { flex-direction: column; align-items: stretch !important; }
  .panel-footer-fixed > div > div { display: flex !important; }
  .side-panel .panel-footer > div > div { width: 100%; }
  .side-panel .panel-footer .btn { flex: 1 1 120px; justify-content: center; }
}

@media (hover: none), (pointer: coarse) {
  .proj-btn-action, .row-actions-container, .camp-actions { opacity: 1 !important; transform: none !important; }
  .btn-delete-static { color: #b91c1c; }
  .icon-btn, .mini-btn, .project-settings-btn { min-width: 36px; min-height: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  .floy-mobile-navigation #sidebar-root { transition: none; }
}

/* Commercial themes retain every task field in mobile cards. */
@media (max-width:700px) {
  body.floy-area-comercial.floy-page-tema .main { background:#f7f8fa; }
  body.floy-area-comercial.floy-page-tema .main-header,
  body.floy-area-comercial.floy-page-tema .filters-bar { background:#fff; }
  body.floy-area-comercial.floy-page-tema .container,
  body.floy-area-comercial.floy-page-tema .content-area { overflow:hidden; }
  body.floy-area-comercial.floy-page-tema #listView { min-width:0; width:100%; }
  body.floy-area-comercial.floy-page-tema .list-body-scroll { padding:10px 12px 96px; background:#f7f8fa; }
  body.floy-area-comercial.floy-page-tema .header-row { display:none; }
  body.floy-area-comercial.floy-page-tema .section-block { margin-bottom:12px; }
  body.floy-area-comercial.floy-page-tema .section-header { padding:12px 4px 8px; font-size:13px; }
  body.floy-area-comercial.floy-page-tema .task-group { gap:10px; padding-bottom:10px; min-height:0; }
  body.floy-area-comercial.floy-page-tema .task-wrapper-block { background:#fff; border:1px solid #e5e7eb; border-radius:14px; box-shadow:0 8px 24px rgba(15,23,42,.05); overflow:hidden; }
  body.floy-area-comercial.floy-page-tema .grid-layout.task-row { display:grid; grid-template-columns:28px minmax(0, 1fr) 28px; gap:9px 10px; padding:12px; height:auto; min-height:0; border-bottom:0; font-size:13px; background:#fff; }
  body.floy-area-comercial.floy-page-tema .task-row:hover { background:#fff; }
  body.floy-area-comercial.floy-page-tema .cell { border-right:0; height:auto; min-height:0; padding:0; overflow:visible; white-space:normal; justify-content:flex-start; }
  body.floy-area-comercial.floy-page-tema .drag-handle { display:none; }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(2) { grid-column:1; grid-row:1; justify-content:center; align-self:center; }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(3) { grid-column:3; grid-row:1; justify-content:center; align-self:center; }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(4) { grid-column:1 / -1; grid-row:2; padding-left:0 !important; display:flex; align-items:flex-start; gap:8px; }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(5),
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(6),
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(7),
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(9),
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(10),
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(11),
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(12) {
          grid-column:1 / -1;
          display:grid;
          grid-template-columns:92px minmax(0, 1fr);
          align-items:center;
          gap:8px;
          min-height:34px;
      }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(5)::before { content:"Resp."; }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(6)::before { content:"Setor"; }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(7)::before { content:"Atribuicao"; }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(9)::before { content:"Data"; }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(10)::before { content:"Prioridade"; }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(11)::before { content:"Status"; }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(12)::before { content:"Tema"; }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(5)::before,
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(6)::before,
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(7)::before,
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(9)::before,
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(10)::before,
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(11)::before,
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(12)::before {
          color:#64748b;
          font-size:11px;
          font-weight:900;
          text-transform:uppercase;
          letter-spacing:.35px;
      }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(8),
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(13) {
    display: grid !important; grid-column: 1 / -1; grid-template-columns: 92px minmax(0, 1fr);
    align-items: center; gap: 8px; min-height: 34px;
  }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(8).cell-sprint-hidden { display: none !important; }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(8)::before { content: "Sprint"; }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(13)::before { content: "Visibilidade"; }
  body.floy-area-comercial.floy-page-tema .task-row > :is(.cell:nth-child(8), .cell:nth-child(13))::before {
    color: #64748b; font-size: 11px; font-weight: 900; text-transform: uppercase;
  }
  body.floy-area-comercial.floy-page-tema .task-row > .cell:nth-child(14) {
    display: flex; grid-column: 1 / -1; justify-content: flex-end; min-height: 36px;
  }
  body.floy-area-comercial.floy-page-tema .task-text { white-space:normal; line-height:1.35; font-weight:800; font-size:14px; }
  body.floy-area-comercial.floy-page-tema .tree-btn { margin-right:0; }
  body.floy-area-comercial.floy-page-tema .cell-select,
  body.floy-area-comercial.floy-page-tema .cell-input,
  body.floy-area-comercial.floy-page-tema .badge-select { min-height:32px; background-color:#fff; border-color:#e5e7eb; }
  body.floy-area-comercial.floy-page-tema .badge-select-wrapper { height:32px; }
  body.floy-area-comercial.floy-page-tema .tiny-av { margin-right:0; }
  body.floy-area-comercial.floy-page-tema .user-trigger { gap:4px; flex-wrap:wrap; }
  body.floy-area-comercial.floy-page-tema .inline-subtasks-wrapper { padding-left:0; border-left:0; background:#f8fafc; }
  body.floy-area-comercial.floy-page-tema .inline-subtask-list { padding:10px 12px 12px; }
  body.floy-area-comercial.floy-page-tema .toast-notification { left:14px; right:14px; bottom:14px; justify-content:center; }
  }
/* Task list: compact summaries with optional metadata, without changing desktop tables. */
@media (max-width: 700px) {
  body.floy-mobile-task-layout.floy-modern .main-header { padding: 10px 12px; gap: 8px; }
  body.floy-mobile-task-layout .project-header-row { flex-wrap: nowrap; gap: 6px; }
  body.floy-mobile-task-layout .project-title { flex: 1; min-width: 0; font-size: 17px; line-height: 1.3; }
  body.floy-mobile-task-layout .project-settings-btn { width: 36px; flex: 0 0 36px; justify-content: center; }
  body.floy-mobile-task-layout.floy-modern .view-switch { gap: 2px; margin-top: 6px; padding-bottom: 0; background: transparent !important; box-shadow: none; scrollbar-width: none; }
  body.floy-mobile-task-layout .view-switch::-webkit-scrollbar { display: none; }
  body.floy-mobile-task-layout .switch-btn { padding: 8px 10px; font-size: 12px; }
  body.floy-mobile-task-layout.floy-modern .switch-btn.active { color: #0f6b4c; background: #e8f5ee; box-shadow: none; }
  body.floy-mobile-task-layout .controls { display: flex; gap: 8px; }
  body.floy-mobile-task-layout .controls #btnBack { flex: 0 0 84px; }
  body.floy-mobile-task-layout .controls #btnAddTask { flex: 1; box-shadow: none; }
  body.floy-mobile-task-layout.floy-modern .filters-bar { flex-direction: row; align-items: flex-start; flex-wrap: nowrap; padding: 10px 12px; gap: 8px; background: #fff !important; }
  body.floy-mobile-task-layout .filters-left { flex: 1; width: auto; min-width: 0; gap: 6px; }
  body.floy-mobile-task-layout .filters-left .search-input { min-height: 44px; padding: 10px 12px; border-radius: 10px; }
  body.floy-mobile-task-layout #activeFiltersContainer:empty { display: none; }
  body.floy-mobile-task-layout #btnToggleFilter { min-height: 44px; width: auto; padding: 10px 12px; gap: 5px; border-radius: 10px; }
  body.floy-mobile-task-layout .list-body-scroll { padding: 8px 12px 24px; background: #f5f7f8; }
  body.floy-mobile-task-layout.floy-modern .section-block { background: transparent !important; border: 0 !important; box-shadow: none; }
  body.floy-mobile-task-layout .section-header { padding: 10px 2px; gap: 4px; }
  body.floy-mobile-task-layout .task-wrapper-block { border-radius: 14px; box-shadow: 0 2px 5px rgba(15,23,42,.03); }
  body.floy-mobile-task-layout.floy-modern .task-row.floy-mobile-task-card { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 12px; padding: 12px; }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > .cell { min-width: 0; grid-column: auto; grid-row: auto; padding: 0 !important; }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > .mobile-task-selection { grid-column: 1; grid-row: 1; justify-content: flex-start; }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > .mobile-task-completion { grid-column: 2; grid-row: 1; justify-content: flex-end; }
  body.floy-mobile-task-layout .mobile-task-selection .row-checkbox { width: 22px; height: 22px; margin: 0; }
  body.floy-mobile-task-layout .mobile-task-completion .check-circle { width: 26px; height: 26px; margin: 0; }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > .mobile-task-title { grid-column: 1 / -1; grid-row: 2; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
  body.floy-mobile-task-layout .mobile-task-title .task-text { flex: 1 1 calc(100% - 76px); min-width: 0; font-size: 15px; font-weight: 650; line-height: 1.45; overflow-wrap: anywhere; }
  body.floy-mobile-task-layout .mobile-task-title .tree-btn { flex: 0 0 24px; min-height: 32px; }
  body.floy-mobile-task-layout .mobile-task-title .overdue-badge { margin-left: 0; padding: 3px 7px; font-size: 10px; }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > :is(.mobile-task-assignees, .mobile-task-date, .mobile-task-priority, .mobile-task-status) {
    display: flex !important; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 5px; min-height: 0;
  }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > .mobile-task-priority { grid-column: 1; grid-row: 3; }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > .mobile-task-status { grid-column: 2; grid-row: 3; }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > .mobile-task-assignees { grid-column: 1; grid-row: 4; }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > .mobile-task-date { grid-column: 2; grid-row: 4; }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > .cell::before { color: #64748b; font-size: 10px; font-weight: 600; letter-spacing: .03em; text-transform: none; }
  body.floy-mobile-task-layout .mobile-task-assignees::before { content: 'Responsável' !important; }
  body.floy-mobile-task-layout .mobile-task-date::before { content: 'Prazo' !important; }
  body.floy-mobile-task-layout .mobile-task-assignees .user-trigger { align-items: center; min-height: 38px; }
  body.floy-mobile-task-layout .mobile-task-date .cell-input { width: 100%; min-width: 0; height: 38px; padding: 4px; text-align: left !important; font-size: 14px; }
  body.floy-mobile-task-layout .floy-mobile-task-card .badge-select-wrapper { width: 100%; height: 38px; }
  body.floy-mobile-task-layout .floy-mobile-task-card .badge-select { width: 100%; min-width: 0; height: 38px; font-size: 13px; font-weight: 600; }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > :is(.mobile-task-sector, .mobile-task-attribution, .mobile-task-sprint, .mobile-task-theme, .mobile-task-visibility) {
    display: none !important; grid-column: 1 / -1;
  }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card.mobile-details-expanded > :is(.mobile-task-sector, .mobile-task-attribution, .mobile-task-sprint, .mobile-task-theme, .mobile-task-visibility) {
    display: grid !important; grid-template-columns: 86px minmax(0, 1fr); align-items: center; gap: 10px; min-height: 38px;
  }
  body.floy-mobile-task-layout .mobile-task-sprint::before { content: 'Sprint'; }
  body.floy-mobile-task-layout .mobile-task-attribution::before { content: 'Atribuição' !important; }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > .mobile-task-sprint.cell-sprint-hidden { display: none !important; }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > .mobile-task-open { display: none; }
  body.floy-mobile-task-layout .floy-mobile-task-card .row-actions-container { display: none !important; }
  body.floy-mobile-task-layout .mobile-details-expanded .row-actions-container { display: flex !important; position: static; width: 100%; border: 0; box-shadow: none; padding: 0; justify-content: flex-end; }
  body.floy-mobile-task-layout :is(.mobile-task-details-toggle, .mobile-task-edit) { display: flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 2px; padding: 8px 4px; border: 0; border-top: 1px solid #edf1f3; border-radius: 0; font-family: inherit; font-size: 12px; font-weight: 600; background: transparent; color: #64748b; cursor: pointer; }
  body.floy-mobile-task-layout .mobile-task-edit { color: #0f6b4c; }
  body.floy-mobile-task-layout .floy-mobile-bar > a { visibility: hidden; }
  body.floy-mobile-task-layout.floy-modern .floy-ai-launcher { top: calc(env(safe-area-inset-top, 0px) + 6px); right: 12px; bottom: auto; left: auto; min-height: 44px; height: 44px; padding: 6px 10px; gap: 7px; box-shadow: none; border-radius: 10px; }
  body.floy-mobile-task-layout .floy-ai-launcher strong { display: block; font-size: 12px; font-weight: 600; }
  body.floy-mobile-task-layout .floy-ai-launcher span { width: 28px; height: 28px; box-shadow: none; }
  body.floy-mobile-task-layout .floy-ai-launcher-robot img { width: 28px; height: 28px; animation: none; }
  body.floy-mobile-task-layout .floy-ai-launcher::after { display: none; }
}
.mobile-view-picker { display: none; }
@media (max-width: 700px) {
  body.floy-mobile-views .view-switch { display: none !important; }
  body.floy-mobile-views .mobile-view-picker { display: block; width: 100%; min-width: 0; min-height: 44px; padding: 8px; border: 1px solid #dce5df; border-radius: 9px; background: #fff; color: #0f6b4c; font: 600 14px system-ui; }
  body.floy-mobile-task-layout.floy-mobile-views .main-header { display: grid; grid-template-columns: 100px minmax(0, 1fr); }
  body.floy-mobile-task-layout.floy-mobile-views .title-area { display: contents; }
  body.floy-mobile-task-layout.floy-mobile-views .project-header-row { grid-column: 1 / -1; }
  body.floy-mobile-task-layout.floy-mobile-views .controls { min-width: 0; grid-column: 2; }
  body.floy-mobile-task-layout.floy-mobile-views .controls #btnBack { flex: 0 0 40px; width: 40px; padding: 0; font-size: 0; }
  body.floy-mobile-task-layout.floy-mobile-views .controls #btnBack i { display: none; }
  body.floy-mobile-task-layout.floy-mobile-views .controls #btnBack::before { content: '←'; font-size: 20px; }
  body.floy-mobile-task-layout.floy-mobile-views .controls #btnAddTask { padding: 8px; font-size: 12px; }
  body.floy-mobile-task-layout.floy-modern .floy-mobile-task-card > .mobile-task-project { grid-column: 1 / -1; grid-row: 3; display: flex; font-size: 12px; }
  body.floy-page-minhas-atividades.floy-modern .floy-mobile-task-card > :is(.mobile-task-priority, .mobile-task-status) { grid-row: 4; }
  body.floy-page-minhas-atividades.floy-modern .floy-mobile-task-card > :is(.mobile-task-assignees, .mobile-task-date) { grid-row: 5; }
}
