/* Konekts Mobile MVP — Sprint 3
   Convidados, mensagens, recepção e QR. Mobile/tablet only. */

@media (max-width: 860px){
  html[data-mobile-mvp="v1"] .cf-ops-tabs{
    position:sticky!important;top:72px!important;z-index:24!important;
    background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px)!important;
    box-shadow:0 8px 24px rgba(39,23,75,.05)!important
  }
  html[data-mobile-mvp="v1"] .cf-ops-tabs button{
    min-height:44px!important;border-radius:12px!important;font-weight:850!important;
    color:#625a71!important
  }
  html[data-mobile-mvp="v1"] .cf-ops-tabs button.active{
    background:#efe8ff!important;color:#6530cf!important
  }

  /* Communication */
  html[data-mobile-mvp="v1"] .cf-communication .cf-page-head{padding:2px 2px 0!important}
  html[data-mobile-mvp="v1"] .cf-communication .cf-page-head h2,
  html[data-mobile-mvp="v1"] .cf-checkin .cf-page-head h2{
    font-size:26px!important;line-height:1.08!important;letter-spacing:-.04em!important
  }
  html[data-mobile-mvp="v1"] .cf-communication .cf-page-head p,
  html[data-mobile-mvp="v1"] .cf-checkin .cf-page-head p{
    font-size:14px!important;line-height:1.5!important;color:#716a80!important
  }
  html[data-mobile-mvp="v1"] .cf-communication .cf-compose{order:-1!important}
  html[data-mobile-mvp="v1"] .cf-communication .cf-grid-2{display:flex!important;flex-direction:column!important}
  html[data-mobile-mvp="v1"] .cf-communication .cf-panel{
    border-radius:18px!important;padding:15px!important;background:#fff!important
  }
  html[data-mobile-mvp="v1"] .cf-communication .cf-panel-head{
    display:block!important;margin-bottom:12px!important
  }
  html[data-mobile-mvp="v1"] .cf-communication .cf-panel-head .tag{margin-top:8px!important;display:inline-flex!important}
  html[data-mobile-mvp="v1"] .cf-communication .cf-compose label{
    display:grid!important;gap:6px!important;margin:10px 0!important;font-size:12px!important;font-weight:850!important;color:#403553!important
  }
  html[data-mobile-mvp="v1"] .cf-communication .cf-compose input,
  html[data-mobile-mvp="v1"] .cf-communication .cf-compose select,
  html[data-mobile-mvp="v1"] .cf-communication .cf-compose textarea{
    width:100%!important;min-height:46px!important;box-sizing:border-box!important;border-radius:13px!important;
    font-size:16px!important;padding:11px 12px!important
  }
  html[data-mobile-mvp="v1"] .cf-communication .cf-compose textarea{min-height:150px!important;line-height:1.45!important}
  html[data-mobile-mvp="v1"] .cf-variable-list{display:none!important}
  html[data-mobile-mvp="v1"] .cf-preview{
    margin-top:12px!important;padding:13px!important;border-radius:14px!important;background:#faf7ff!important
  }
  html[data-mobile-mvp="v1"] .cf-preview small{font-size:9px!important;letter-spacing:.1em!important;color:#7549c9!important}
  html[data-mobile-mvp="v1"] .cf-preview p{font-size:13px!important;line-height:1.5!important;white-space:pre-line!important}
  html[data-mobile-mvp="v1"] .cf-send-row{display:grid!important;gap:9px!important;margin-top:12px!important}
  html[data-mobile-mvp="v1"] .cf-send-row span{font-size:12px!important;line-height:1.4!important;color:#777080!important}
  html[data-mobile-mvp="v1"] .cf-send-row .btn{width:100%!important;min-height:50px!important;border-radius:14px!important}
  html[data-mobile-mvp="v1"] .cf-kie-card{border-radius:17px!important;padding:14px!important}
  html[data-mobile-mvp="v1"] .cf-kie-card b{font-size:17px!important;line-height:1.3!important}
  html[data-mobile-mvp="v1"] .cf-kie-card p{font-size:13px!important;line-height:1.45!important}
  html[data-mobile-mvp="v1"] .cf-pref-list{max-height:none!important;overflow:visible!important}
  html[data-mobile-mvp="v1"] .cf-pref-list article{
    grid-template-columns:1fr!important;padding:12px!important;gap:8px!important;border-radius:14px!important
  }
  html[data-mobile-mvp="v1"] .cf-pref-list input[type="email"]{width:100%!important;box-sizing:border-box!important;min-height:44px!important}
  html[data-mobile-mvp="v1"] .cf-history{max-height:none!important;overflow:visible!important}
  html[data-mobile-mvp="v1"] .cf-history article{display:grid!important;gap:8px!important}

  /* Check-in */
  html[data-mobile-mvp="v1"] .cf-checkin{gap:13px!important}
  html[data-mobile-mvp="v1"] .cf-checkin .cf-checkin-toolbar{
    position:sticky!important;top:132px!important;z-index:20!important;
    padding:11px!important;border:1px solid #e8e0f4!important;border-radius:16px!important;
    background:rgba(255,255,255,.97)!important;box-shadow:0 8px 24px rgba(38,21,71,.05)!important
  }
  html[data-mobile-mvp="v1"] .cf-search{width:100%!important;min-width:0!important}
  html[data-mobile-mvp="v1"] .cf-search input{width:100%!important;box-sizing:border-box!important;min-height:46px!important;font-size:16px!important}
  html[data-mobile-mvp="v1"] .cf-checkin-toolbar .btn{min-height:46px!important;border-radius:13px!important;font-size:14px!important}
  html[data-mobile-mvp="v1"] .cf-checkin-list{max-height:none!important;overflow:visible!important;gap:8px!important}
  html[data-mobile-mvp="v1"] .cf-checkin-list article{
    padding:12px!important;border-radius:15px!important;background:#fff!important;border:1px solid #ebe4f4!important
  }
  html[data-mobile-mvp="v1"] .cf-checkin-person{align-items:center!important}
  html[data-mobile-mvp="v1"] .cf-checkin-person>span{width:36px!important;height:36px!important;flex:0 0 36px!important}
  html[data-mobile-mvp="v1"] .cf-checkin-person b{font-size:15px!important}
  html[data-mobile-mvp="v1"] .cf-checkin-person small{font-size:11px!important;line-height:1.3!important}
  html[data-mobile-mvp="v1"] .cf-checkin-list article>code{font-size:11px!important;background:#f7f4fb!important;padding:7px 9px!important;border-radius:9px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html[data-mobile-mvp="v1"] .cf-checkin-actions button{min-height:42px!important;border-radius:11px!important}

  /* Reception access: useful, not technical */
  .reception-access-panel{
    margin:0 0 14px!important;padding:15px!important;border-radius:19px!important;
    background:linear-gradient(145deg,#fbf8ff,#f4edff)!important;border:1px solid #dfd0f7!important
  }
  .reception-access-panel header{display:block!important}
  .reception-access-panel header>.tag{display:none!important}
  .reception-access-panel h3{font-size:21px!important;line-height:1.15!important;letter-spacing:-.025em!important;margin:5px 0 7px!important}
  .reception-access-panel p{font-size:13px!important;line-height:1.5!important;color:#6e657d!important}
  .reception-access-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .reception-access-actions [data-reception-create]{grid-column:1/-1!important;min-height:49px!important}
  .reception-access-actions .btn{min-height:44px!important;border-radius:12px!important}
  .reception-access-url{margin-top:2px!important;padding:13px!important;border-radius:15px!important;background:#fff!important;border:1px solid #e5daf5!important}
  .reception-access-url code{font-size:10px!important;opacity:.72!important}
  .mobile-reception-qr{display:grid!important;place-items:center!important;gap:8px!important;margin-top:10px!important;padding:13px!important;border-radius:15px!important;background:#fff!important;text-align:center!important}
  .mobile-reception-qr img{width:min(220px,72vw)!important;height:auto!important;border-radius:12px!important;image-rendering:pixelated!important}
  .mobile-reception-qr b{font-size:15px!important}
  .mobile-reception-qr small{font-size:11px!important;line-height:1.4!important;color:#746b80!important}
  .mobile-reception-share{width:100%!important;min-height:44px!important;border:1px solid #d9c7f4!important;border-radius:12px!important;background:#fff!important;color:#6735bd!important;font-weight:850!important}

  /* Local QR modal */
  .mobile-qr-modal{position:fixed!important;inset:0!important;z-index:10050!important;background:rgba(20,12,35,.64)!important;display:grid!important;place-items:end center!important;padding:14px!important;box-sizing:border-box!important}
  .mobile-qr-card{width:min(100%,430px)!important;max-height:88vh!important;overflow:auto!important;background:#fff!important;border-radius:24px 24px 18px 18px!important;padding:18px!important;box-sizing:border-box!important;box-shadow:0 26px 80px rgba(12,6,28,.28)!important}
  .mobile-qr-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
  .mobile-qr-head small{display:block!important;font-size:9px!important;letter-spacing:.13em!important;font-weight:900!important;color:#7b3fe4!important}
  .mobile-qr-head h2{font-size:24px!important;line-height:1.12!important;margin:4px 0 0!important;letter-spacing:-.035em!important}
  .mobile-qr-close{width:42px!important;height:42px!important;border:1px solid #e5dcef!important;border-radius:50%!important;background:#fff!important;font-size:20px!important}
  .mobile-qr-content{display:grid!important;place-items:center!important;gap:10px!important;margin-top:15px!important;text-align:center!important}
  .mobile-qr-content img{width:min(280px,78vw)!important;height:auto!important;border-radius:14px!important;image-rendering:pixelated!important}
  .mobile-qr-content p{font-size:13px!important;line-height:1.45!important;color:#6f667b!important;margin:0!important}
  .mobile-qr-code{width:100%!important;box-sizing:border-box!important;padding:10px!important;border-radius:11px!important;background:#f7f4fa!important;font-size:12px!important;overflow-wrap:anywhere!important}
  .mobile-qr-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .mobile-qr-actions button{min-height:46px!important;border-radius:12px!important;border:1px solid #ddd2eb!important;background:#fff!important;font-weight:850!important;color:#5d32ad!important}
  .mobile-qr-actions button.primary{background:#7136dd!important;color:#fff!important;border-color:#7136dd!important}
  .mobile-qr-reader{width:100%!important;min-height:280px!important;border-radius:16px!important;overflow:hidden!important;background:#17121e!important}
  .mobile-qr-reader video{border-radius:14px!important}
  .mobile-qr-status{font-size:13px!important;color:#6f667b!important;text-align:center!important}

  /* Dedicated reception workspace */
  .reception-shell .reception-top{padding:12px 14px!important;align-items:center!important}
  .reception-shell .reception-brand small{font-size:10px!important}
  .reception-shell .reception-body{padding:16px 12px calc(82px + env(safe-area-inset-bottom))!important}
  .reception-shell .reception-event{margin-bottom:12px!important}
  .reception-shell .reception-event span{font-size:9px!important}
  .reception-shell .reception-event h1{font-size:26px!important;line-height:1.1!important;margin:4px 0!important}
  .reception-shell .reception-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:12px 0!important}
  .reception-shell .reception-metrics article{padding:11px!important;border-radius:14px!important}
  .reception-shell .reception-metrics b{font-size:22px!important}
  .reception-shell .reception-search{padding:13px!important;border-radius:17px!important}
  .reception-shell .reception-search-row{grid-template-columns:1fr!important;gap:8px!important}
  .reception-shell .reception-search-row .reception-btn,
  .reception-shell #receptionCameraButton{width:100%!important;min-height:48px!important}
  .reception-shell .reception-result{padding:12px!important;border-radius:14px!important}
  .reception-shell .reception-manual[hidden]{display:none!important}
  .mobile-reception-manual-toggle{width:100%!important;margin-top:12px!important;padding:13px!important;border:1px solid #dfd5e8!important;border-radius:14px!important;background:#fff!important;color:#563a75!important;font-weight:800!important;text-align:left!important}
}