@media(max-width:767px){
  html,body{max-width:100%;overflow-x:hidden}
  body:has(.clients-mobile-page) #app{max-width:100%;overflow-x:clip}
  .clients-mobile-page,.clients-mobile-page *{min-width:0;box-sizing:border-box}
  .mobile-client-kpis{display:flex;grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-right:34px}
  .mobile-client-kpis article{flex:0 0 clamp(180px,47vw,196px);min-width:180px;scroll-snap-align:start}
  .mobile-client-kpis article>span{display:block;flex:1;min-width:0}
  .kpi-money-value{display:block;max-width:100%;min-width:0;font-size:clamp(.85rem,4.15vw,1.75rem)!important;line-height:1.05!important;font-variant-numeric:tabular-nums;letter-spacing:-.045em;overflow-wrap:anywhere;word-break:normal}
  .mobile-client-kpis .kpi-money-value{white-space:nowrap}
  .mobile-client-search-row{grid-template-columns:minmax(0,1fr) 50px 50px}
  .mobile-client-search-row>button{min-height:50px;touch-action:manipulation}
  #mobile-message-center{border-color:#bdece0;background:#edfbf7;color:#009b73}
  .mobile-swipe-hint{display:flex;align-items:center;gap:9px;margin:-2px 0 13px;padding:9px 10px;border:1px solid #d9eee8;border-radius:12px;background:#f0fbf8;color:#276155;font-size:11px;font-weight:700}
  .mobile-swipe-hint>svg{flex:0 0 auto;width:17px;color:#05a67c}.mobile-swipe-hint span{flex:1}.mobile-swipe-hint button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#698079}.mobile-swipe-hint button svg{width:16px}
  .swipe-sale{inset:0 auto 0 0}.swipe-charge{inset:0 0 0 auto;justify-content:flex-end;text-align:right}.drag-right .swipe-sale,.drag-left .swipe-charge{opacity:1}
  .mobile-swipe-shell.charge-today .mobile-client-card{border-left-color:#15aa7c}.mobile-swipe-shell.charge-week .mobile-client-card{border-left-color:#f0c51a}.mobile-swipe-shell.charge-fortnight .mobile-client-card{border-left-color:#f08a19}.mobile-swipe-shell.charge-old .mobile-client-card{border-left-color:#ed3d4f}.mobile-swipe-shell.charge-never .mobile-client-card{border-left-color:#aeb7c4}
  .mobile-client-main{width:100%;max-width:100%}.mobile-client-identity,.mobile-client-balance{overflow:hidden}.mobile-client-identity h3{max-width:100%}.mobile-client-identity p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-client-balance{width:clamp(82px,27vw,126px);min-width:0;max-width:126px}.mobile-client-balance .kpi-money-value{font-size:clamp(.78rem,3.65vw,1rem)!important;white-space:nowrap;overflow:visible;text-overflow:clip;letter-spacing:-.045em}
  .mobile-client-status{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-client-actions button{min-width:0;overflow:hidden;white-space:nowrap}.mobile-card-menu{max-height:min(480px,70vh);overflow-y:auto}
  .message-overlay{position:fixed;z-index:120;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-top:max(16px,env(safe-area-inset-top));background:rgba(14,27,47,.58);backdrop-filter:blur(3px);animation:messageFade .2s both}
  .message-confirm-layer{z-index:140}
  .individual-message-sheet,.message-filter-sheet,.message-confirm-sheet,.message-return-sheet,.message-finish-sheet{width:min(100%,680px);max-height:calc(100dvh - max(12px,env(safe-area-inset-top)));border-radius:25px 25px 0 0;background:#fff;box-shadow:0 -20px 60px rgba(9,25,49,.24);animation:messageUp .32s cubic-bezier(.22,.8,.25,1) both}
  .individual-message-sheet{display:flex;flex-direction:column;overflow:hidden}.individual-message-sheet>.sheet-handle,.message-filter-sheet>.sheet-handle,.message-confirm-sheet>.sheet-handle{flex:0 0 auto;width:42px;height:4px;margin:9px auto;border-radius:5px;background:#cdd4dd}
  .individual-message-sheet>header,.message-filter-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 17px 13px;border-bottom:1px solid #e9edf2}.individual-message-sheet h2,.message-filter-sheet h3{margin:2px 0 0;color:#14213a;font-size:20px}.individual-message-sheet header small{color:#0b9f76;font-weight:800}.individual-message-sheet header button,.message-filter-sheet header button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:#f2f4f7;color:#203453}.individual-message-sheet header svg,.message-filter-sheet header svg{width:20px}
  .message-sheet-scroll{flex:1;overflow-y:auto;padding:14px 16px 18px;overscroll-behavior:contain}.message-client-summary{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #e1e8ee;border-radius:15px;background:#fbfcfd}.message-client-summary>span,.message-client-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#dcf6ee;color:#048665;font-size:14px;font-weight:900}.message-client-summary h3{margin:0;color:#16243d;font-size:15px}.message-client-summary p{margin:2px 0;color:#6e7a8f;font-size:12px}.message-client-summary small{color:#758296;font-size:10px}.message-client-summary>strong{min-width:0;color:#d91f33;text-align:right;font-size:clamp(15px,4.6vw,19px);font-variant-numeric:tabular-nums}.message-client-summary>strong small{display:block;margin-top:3px;color:#68758a;font-weight:600}
  .message-sequence-progress{margin-bottom:12px;padding:11px 12px;border:1px solid #d9e9e4;border-radius:14px;background:#f2fbf8}.message-sequence-progress>div{display:flex;justify-content:space-between;gap:8px;color:#1d3c55;font-size:11px}.message-sequence-progress small{color:#078765}.message-sequence-progress>span{display:block;height:6px;margin-top:9px;overflow:hidden;border-radius:8px;background:#dce9e5}.message-sequence-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#13bb8f,#00a777);transition:width .3s ease}
  .message-model-field,.message-text-field,.message-filter-sheet>label{display:grid;gap:6px;margin-top:14px;color:#253551;font-size:12px;font-weight:800}.message-model-field select,.message-filter-sheet select,.message-filter-sheet input{width:100%;height:48px;padding:0 12px;border:1px solid #dbe2ea;border-radius:12px;background:#fff;color:#172641;font-size:16px;outline:0}.message-model-field select:focus,.message-text-field textarea:focus,.message-filter-sheet input:focus{border-color:#19ba90;box-shadow:0 0 0 3px rgba(25,186,144,.13)}
  .message-template-actions,.message-variables>div{display:flex;gap:7px;overflow-x:auto;padding:8px 0 4px;scrollbar-width:none}.message-template-actions button,.message-variables button{flex:0 0 auto;min-height:39px;padding:0 10px;border:1px solid #dce3ea;border-radius:10px;background:#fff;color:#29405f;font-size:11px;font-weight:800}.message-template-actions svg{width:14px;vertical-align:middle}.message-text-field{position:relative}.message-text-field textarea{width:100%;min-height:190px;max-height:280px;padding:13px 13px 30px;border:1px solid #dbe2ea;border-radius:14px;background:#fff;color:#172641;font:16px/1.42 inherit;resize:vertical;white-space:pre-wrap;outline:0}.message-text-field>span{position:absolute;right:9px;bottom:8px;color:#8a95a6;font-size:10px;font-weight:600}
  .message-variables{margin-top:11px}.message-variables>small{color:#6d7b8f;font-size:11px;font-weight:800}.message-variables button{color:#068263;background:#effbf7;border-color:#cceee5;font-family:ui-monospace,monospace}
  .message-preview{margin-top:13px;border:1px solid #dce9e5;border-radius:14px;background:#f4fbf9;overflow:hidden}.message-preview header{display:flex;align-items:center;gap:7px;padding:9px 11px;border-bottom:1px solid #dce9e5;color:#087f62;font-size:11px;font-weight:850}.message-preview header svg{width:15px}.message-preview p{margin:0;padding:12px;color:#243650;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.message-phone-error{display:flex;align-items:center;gap:8px;color:#cc2638;font-size:12px;font-weight:750}.message-phone-error svg{width:18px}
  .individual-message-sheet>footer{flex:0 0 auto;display:flex;gap:8px;padding:11px 15px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e7ebf0;background:#fff;box-shadow:0 -8px 20px rgba(18,35,58,.05)}.individual-message-sheet>footer .btn{min-height:50px}.individual-message-sheet>footer .btn-whatsapp{flex:1}
  .btn-whatsapp{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;background:linear-gradient(135deg,#12b98c,#00a677);color:#fff;font-weight:850}.btn-whatsapp svg{width:19px}.btn-whatsapp:disabled{background:#d8dfe3;color:#89949d}
  .message-center-page{min-height:calc(100dvh - 80px);margin:-16px -14px -30px;padding:13px 14px 108px;background:#f6f8fb;color:#14213a}.message-center-header{display:flex;align-items:center;gap:10px;padding:3px 0 12px}.message-center-header button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #e0e5ec;border-radius:13px;background:#fff;color:#1d3353}.message-center-header button svg{width:20px}.message-center-header div{flex:1;min-width:0}.message-center-header h2{margin:0;font-size:20px}.message-center-header p{margin:3px 0 0;color:#738096;font-size:11px}
  .message-type-chips{display:flex;gap:7px;margin:0 -14px;padding:2px 14px 12px;overflow-x:auto;scrollbar-width:none}.message-type-chips button{flex:0 0 auto;min-height:42px;padding:0 14px;border:1px solid #dde4eb;border-radius:13px;background:#fff;color:#2b3d59;font-size:12px;font-weight:850}.message-type-chips button.active{border-color:#09aa80;background:#0caf82;color:#fff;box-shadow:0 6px 14px rgba(7,171,128,.2)}
  .message-center-kpis{display:flex;gap:9px;margin:0 -14px;padding:0 28px 13px 14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.message-center-kpis article{flex:0 0 clamp(145px,43vw,178px);min-width:145px;min-height:98px;padding:13px;border:1px solid #e2e7ed;border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(21,39,65,.045);scroll-snap-align:start}.message-center-kpis small,.message-center-kpis strong,.message-center-kpis span{display:block}.message-center-kpis small{color:#6f7d91;font-size:11px}.message-center-kpis strong{max-width:100%;margin:6px 0 3px;color:#17304f;font-size:21px;overflow:hidden}.message-center-kpis span{color:#8590a2;font-size:10px}
  .message-center-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.message-center-controls button{min-height:42px;padding:0 12px;border:1px solid #dbe2e9;border-radius:12px;background:#fff;color:#29405e;font-size:12px;font-weight:800}.message-center-controls button:last-child{display:flex;align-items:center;gap:6px}.message-center-controls svg{width:16px}
  .message-center-list{display:grid;gap:8px}.message-center-client{display:grid;grid-template-columns:23px 40px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;border:1px solid #e0e6ec;border-radius:15px;background:#fff;box-shadow:0 4px 13px rgba(22,39,63,.04)}.message-center-client>input{position:absolute;opacity:0}.message-check{width:21px;height:21px;border:2px solid #b9c3d0;border-radius:7px}.message-center-client input:checked+.message-check{border-color:#09a97e;background:#09a97e;box-shadow:inset 0 0 0 4px #fff}.message-client-avatar{width:40px;height:40px;font-size:12px}.message-center-client b,.message-center-client small{display:block;min-width:0}.message-center-client b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.message-center-client small{margin-top:3px;color:#738096;font-size:10px}.message-center-client>strong{max-width:95px;color:#d51f34;text-align:right;font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  .message-center-empty{padding:44px 18px;border:1px dashed #d7dfe7;border-radius:16px;background:#fff;text-align:center;color:#7c889b}.message-center-empty>svg{width:38px;color:#0aa87d}.message-center-empty h3{margin:10px 0 4px;color:#263752}.message-center-empty p{margin:0;font-size:12px}
  .message-center-page>footer{position:fixed;z-index:55;left:0;right:0;bottom:76px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:rgba(255,255,255,.96);border-top:1px solid #e2e7ed;box-shadow:0 -8px 22px rgba(18,34,58,.08);backdrop-filter:blur(10px)}.message-center-page>footer span{font-size:11px;color:#68758a}.message-center-page>footer .btn{min-height:48px;flex:1;max-width:260px}
  .message-filter-sheet{padding:0 16px calc(18px + env(safe-area-inset-bottom));overflow-y:auto}.message-filter-sheet>header{padding-left:0;padding-right:0}.message-filter-values{display:grid;grid-template-columns:1fr 1fr;gap:9px}.message-filter-check{display:flex!important;align-items:center;gap:9px;min-height:46px}.message-filter-check input{width:20px!important;height:20px!important}.message-filter-sheet>.btn{width:100%;min-height:50px;margin-top:14px}
  .message-confirm-sheet,.message-return-sheet,.message-finish-sheet{padding:14px 20px calc(24px + env(safe-area-inset-bottom));text-align:center}.message-confirm-sheet>svg,.message-success-icon{display:grid;place-items:center;width:64px;height:64px;margin:10px auto;border-radius:50%;background:#e4f9f2;color:#05a477}.message-confirm-sheet>svg{padding:17px}.message-success-icon svg{width:31px}.message-confirm-sheet h3,.message-return-sheet h2,.message-finish-sheet h2{margin:11px 0 5px;color:#16243d}.message-confirm-sheet p,.message-return-sheet p,.message-finish-sheet p{color:#68768b;font-size:13px}.message-confirm-sheet>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.message-return-sheet>.btn,.message-finish-sheet>.btn{width:100%;min-height:48px;margin-top:8px}.message-return-sheet>small{display:block;margin:10px 0;color:#8893a3}.message-finish-sheet>div:not(.message-success-icon){display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.message-finish-sheet>div span{padding:11px 5px;border-radius:12px;background:#f2f5f7;color:#768196;font-size:10px}.message-finish-sheet>div b{display:block;margin-top:3px;color:#19304f;font-size:16px}
}
@media(max-width:350px){
  .mobile-client-kpis article{flex-basis:180px}.mobile-client-search-row{grid-template-columns:minmax(0,1fr) 46px 46px}.mobile-client-search-row label{padding:0 10px}.mobile-client-search-row input{font-size:13px}.mobile-client-main{grid-template-columns:39px minmax(0,1fr) 86px 19px;gap:6px}.mobile-client-avatar{width:39px;height:39px;font-size:13px}.mobile-client-identity h3{font-size:14px}.mobile-client-identity p{font-size:10px}.mobile-client-balance{width:86px}.mobile-client-balance .kpi-money-value{font-size:11.5px!important}.mobile-client-status{padding:4px 6px;font-size:8px}.mobile-client-actions{grid-template-columns:1fr 1fr 40px}.mobile-client-actions button{font-size:10px}.message-client-summary{grid-template-columns:39px minmax(0,1fr) 88px;padding:9px}.message-client-summary>span{width:39px;height:39px}.message-center-client{grid-template-columns:21px 36px minmax(0,1fr) 80px;padding:9px}.message-client-avatar{width:36px;height:36px}}
@media(max-width:767px){.message-center-client>input{width:1px!important;height:1px!important;margin:0!important;padding:0!important}}
@media(prefers-reduced-motion:reduce){.message-overlay,.individual-message-sheet,.message-filter-sheet,.message-confirm-sheet,.message-return-sheet,.message-finish-sheet{animation:none!important}.mobile-client-card{transition:none!important}}
@keyframes messageFade{from{opacity:0}to{opacity:1}}
@keyframes messageUp{from{opacity:.7;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
/* The sequence uses the same sheet at all sizes; individual mobile styles stay unchanged. */
[data-sequence-layer] .message-client-summary{grid-template-columns:minmax(0,1fr) auto}
[data-sequence-layer] .message-variables{display:flex;flex-wrap:wrap;gap:6px}
[data-sequence-layer] .message-confirm-sheet>.btn{width:100%;margin-top:8px;min-height:48px}
@media(min-width:768px){
  [data-sequence-layer]{position:fixed;z-index:140;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(14,27,47,.58)}
  [data-sequence-layer]>section{width:min(100%,680px);max-height:90dvh;background:#fff;border-radius:20px;overflow:auto;padding:24px}
  [data-sequence-layer] .individual-message-sheet{display:flex;flex-direction:column;padding:0;overflow:hidden}
  [data-sequence-layer] header,[data-sequence-layer] footer{display:flex;gap:12px;justify-content:space-between;padding:16px;border-bottom:1px solid #e9edf2}
  [data-sequence-layer] .message-sheet-scroll{overflow:auto;padding:20px}
  [data-sequence-layer] label{display:grid;gap:8px;margin-top:14px}
  [data-sequence-layer] textarea,[data-sequence-layer] select{width:100%;padding:12px;border:1px solid #dbe2ea;border-radius:12px;font:inherit}
  [data-sequence-layer] .message-preview p{white-space:pre-wrap;overflow-wrap:anywhere}
  [data-sequence-layer] .message-phone-error{color:#cc2638}
  [data-sequence-layer] .btn{min-height:44px;margin-top:8px}
  [data-sequence-layer] .message-return-sheet>.btn{display:block;width:100%}
  .message-center-page{max-width:1000px;margin:auto}
  .message-center-header,.message-type-chips,.message-center-controls,.message-center-kpis,.message-center-page>footer{display:flex;gap:12px;margin-bottom:18px;align-items:center}
  .message-center-header div{flex:1}.message-center-header svg{width:24px}
  .message-center-kpis article{padding:16px;background:#fff;border:1px solid #e0e6ec;border-radius:12px;flex:1}
  .message-center-kpis strong,.message-center-kpis span,.message-center-client small{display:block}
  .message-center-client{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #e0e6ec;background:#fff}
  .message-center-client>strong{margin-left:auto}.message-center-page>footer{position:sticky;bottom:0;padding:16px;background:#fff}
}