/* 0brix mobile adaptation for the REAL Twenty CRM */
@media (max-width: 768px) {
  html, body, #root { max-width: 100vw !important; overflow-x: hidden !important; }
  body::after { content: "0brix CRM  ·  Pipeline GC"; position: fixed; top: 0; left: 0; right: 0; height: calc(58px + env(safe-area-inset-top)); padding-top: env(safe-area-inset-top); display: flex; align-items: center; padding-left: 16px; font-weight: 900; font-size: 17px; letter-spacing: -.035em; color:#0f172a; background: rgba(255,255,255,.97); backdrop-filter: blur(14px); border-bottom: 1px solid #e5e7eb; z-index: 2147483000; pointer-events: none; }
  body.obrix-mobile-crm { padding-top: calc(60px + env(safe-area-inset-top)) !important; padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important; }
  body.obrix-mobile-crm .record-index-container-gater-for-drag-select { padding-bottom: 88px !important; visibility:hidden !important; }
  body.obrix-mobile-crm .scroll-wrapper-x-enabled { overflow-x: hidden !important; overflow-y: auto !important; }
  body.obrix-mobile-crm div:has(> .header-cell.record-table-column-field-0), body.obrix-mobile-crm div:has(> [class*="header-cell"][class*="record-table-column-field-0"]) { display: none !important; }
  body.obrix-mobile-crm div:has(> [class*="record-table-column-field-0"]) { display: grid !important; grid-template-columns: 1fr auto !important; gap: 8px !important; width: calc(100vw - 24px) !important; min-width: 0 !important; max-width: calc(100vw - 24px) !important; min-height: 132px !important; height: auto !important; margin: 10px 12px !important; padding: 14px !important; border: 1px solid #e5e7eb !important; border-radius: 22px !important; background: #fff !important; box-shadow: 0 12px 30px rgba(15,23,42,.08) !important; transform: none !important; position: relative !important; left: 0 !important; top: auto !important; overflow: visible !important; }
  body.obrix-mobile-crm [class*="record-table-column-field-"] { position: static !important; left: auto !important; top: auto !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; border: 0 !important; background: transparent !important; padding: 0 !important; transform: none !important; overflow: visible !important; }
  body.obrix-mobile-crm .record-table-column-checkbox, body.obrix-mobile-crm .record-table-column-add-column-button, body.obrix-mobile-crm [class*="record-table-column-field-2"] { display: none !important; }
  #obrix-mobile-nav { position: fixed; left: 10px; right: 10px; bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 2147483001; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; padding: 7px; background: rgba(255,255,255,.97); backdrop-filter: blur(16px); border: 1px solid #e5e7eb; border-radius: 22px; box-shadow: 0 15px 45px rgba(15,23,42,.2); }
  #obrix-mobile-nav a { text-align: center; text-decoration: none; color: #334155; font: 800 12px/1 Inter, system-ui, sans-serif; padding: 12px 4px; border-radius: 15px; background: #f8fafc; }
  #obrix-mobile-nav a.active { color: white; background: #111827; }
  #obrix-mobile-cards { position: fixed; left: 0; right: 0; top: calc(58px + env(safe-area-inset-top)); bottom: calc(92px + env(safe-area-inset-bottom)); overflow-y: auto; z-index: 2147482999; background: #f8fafc; padding: 12px 12px 24px; touch-action: pan-y; }
  #obrix-mobile-cards .obx-card-wrap { position: relative; margin: 0 0 12px; overflow: hidden; border-radius: 24px; }
  #obrix-mobile-cards .obx-swipe-bg { position:absolute; inset:0; display:flex; align-items:center; justify-content:flex-start; padding-left:18px; background:linear-gradient(135deg,#16a34a,#22c55e); color:#fff; font-weight:950; letter-spacing:-.02em; }
  #obrix-mobile-cards .obx-card { position:relative; display: block; text-decoration: none; color: #0f172a; background: #fff; border: 1px solid #e5e7eb; border-radius: 24px; padding: 15px; box-shadow: 0 12px 30px rgba(15,23,42,.08); transition: transform .18s ease, box-shadow .18s ease; }
  #obrix-mobile-cards .obx-card.swiped { transform: translateX(76px); box-shadow:0 18px 40px rgba(22,163,74,.18); }
  #obrix-mobile-cards .obx-title { font-weight: 900; font-size: 15px; line-height: 1.22; letter-spacing: -.02em; margin-bottom: 10px; }
  #obrix-mobile-cards .obx-row { display:flex; justify-content:space-between; gap:10px; align-items:center; margin: 6px 0; }
  #obrix-mobile-cards .obx-amount { font-weight: 950; background:#dcfce7; color:#166534; border-radius:999px; padding:7px 10px; white-space:nowrap; }
  #obrix-mobile-cards .obx-meta { color:#475569; font-size:13px; line-height:1.35; }
  #obrix-mobile-cards .obx-badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
  #obrix-mobile-cards .obx-badge { font-weight:850; font-size:12px; border-radius:999px; padding:7px 9px; background:#eef2ff; color:#1e3a8a; }
  #obrix-mobile-cards .obx-actions { display:grid; grid-template-columns:repeat(6,1fr); gap:7px; margin-top:13px; }
  #obrix-mobile-cards .obx-actions button, #obrix-mobile-cards .obx-actions a { grid-column:span 2; border:0; border-radius:14px; padding:10px 6px; min-height:44px; font:850 11px/1.15 Inter,system-ui,sans-serif; text-align:center; text-decoration:none; color:#0f172a; background:#f1f5f9; }
  #obrix-mobile-cards .obx-actions button:nth-child(4), #obrix-mobile-cards .obx-actions button:nth-child(5) { grid-column:span 3; }
  #obrix-mobile-cards .obx-actions .hot { background:#111827; color:#fff; }
  .obx-toast { position:fixed; left:14px; right:14px; bottom:calc(82px + env(safe-area-inset-bottom)); z-index:2147483003; border-radius:18px; padding:13px 14px; background:#111827; color:#fff; font:850 13px/1.3 Inter,system-ui,sans-serif; box-shadow:0 20px 60px rgba(0,0,0,.28); }
  .obx-modal { position:fixed; inset:0; z-index:2147483004; background:rgba(15,23,42,.42); display:grid; align-items:end; }
  .obx-sheet { background:#fff; border-radius:26px 26px 0 0; padding:18px; box-shadow:0 -20px 70px rgba(15,23,42,.24); max-height:88vh; overflow:auto; }
  .obx-sheet h3 { font-size:22px; line-height:1.05; letter-spacing:-.04em; margin:0 0 10px; }
  .obx-sheet p { margin:6px 0; color:#475569; font-size:14px; }
  .obx-invoice { border:1px solid #e5e7eb; border-radius:18px; padding:14px; margin:12px 0; background:#f8fafc; }
  .obx-invoice-row { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid #e5e7eb; font-size:14px; }
  .obx-invoice-row:last-child { border-bottom:0; font-weight:950; }
  .obx-sheet .obx-sheet-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:12px; }
  .obx-sheet button, .obx-sheet a { border:0; border-radius:14px; padding:13px 10px; font-weight:900; text-align:center; text-decoration:none; background:#111827; color:#fff; }
  .obx-sheet .secondary { background:#eef2ff; color:#1e3a8a; }
  .obx-message-sheet label { display:block; margin:10px 0; color:#334155; font:850 12px/1.2 Inter,system-ui,sans-serif; }
  .obx-message-sheet input, .obx-message-sheet textarea { width:100%; margin-top:6px; border:1px solid #dbe3ef; border-radius:14px; padding:11px 12px; font:600 13px/1.35 Inter,system-ui,sans-serif; color:#0f172a; background:#f8fafc; outline:none; }
  .obx-message-sheet textarea { resize:vertical; min-height:96px; }
  .obx-message-sheet .obx-sheet-actions { grid-template-columns:1fr 1fr 1fr; }
  .obx-send-status { margin-top:12px; border:1px solid #86efac; background:#f0fdf4; color:#166534; border-radius:16px; padding:12px; font:850 13px/1.35 Inter,system-ui,sans-serif; }
  .obx-send-status small { display:block; color:#15803d; font-weight:750; margin-top:4px; }
}