/* Modo Telemóvel — reconstruído de raiz em 2026-07-17. Camada própria,
   independente do layout normal, só visível em ecrãs ≤700px. */
#pw-mob-shell{display:none}
body.pw-mob-active #app-screen{display:none!important}
body.pw-mob-active #pw-mob-shell{
  display:flex;
  flex-direction:column;
  position:fixed;
  inset:0;
  z-index:999999;
  background:#F1F3F5;
  font-family:inherit;
}
body.pw-mob-active .modal-overlay.open,
body.pw-mob-active .modal-overlay.pw-mob-modal-top.open{
  z-index:10000000!important;
}
#pw-mob-header{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  background:#172434;
  color:#fff;
}
#pw-mob-title{font-size:16px;font-weight:700}
#pw-mob-logout{
  border:0;background:rgba(255,255,255,.12);color:#fff;
  width:34px;height:34px;border-radius:8px;font-size:16px;cursor:pointer;
}
#pw-mob-content{
  flex:1 1 auto;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:12px 12px 90px;
}
#pw-mob-nav{
  flex:0 0 auto;
  position:fixed;
  left:0;right:0;bottom:0;
  display:flex;
  background:#F8FAFC;
  border-top:1px solid #D7DEE6;
  padding:5px 4px calc(5px + env(safe-area-inset-bottom));
  box-shadow:0 -3px 12px rgba(15,23,42,.10);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.pw-mob-navbtn{
  flex:1 1 0;
  min-width:52px;
  min-height:48px;
  border:0;
  border-top:3px solid transparent;
  background:transparent;
  display:flex;align-items:center;justify-content:center;
  padding:8px 4px 7px;
  border-radius:7px 7px 4px 4px;
  color:#526273;
  cursor:pointer;
  position:relative;
  transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;
}
.pw-mob-nav-icon{
  width:22px;
  height:22px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.pw-mob-navbtn:hover{background:#EEF2F6;color:#172434}
.pw-mob-nav-badge{
  position:absolute;top:2px;right:5px;
  min-width:16px;height:16px;padding:0 4px;
  border-radius:9px;background:#DC2626;color:#fff;
  font-size:9.5px;font-weight:700;line-height:16px;text-align:center;
  box-shadow:0 0 0 2px #F8FAFC;
}
.pw-mob-navbtn.active{
  background:#FFF3E2;
  border-top-color:var(--accent,#F0A202);
  color:#B85F00;
}
.pw-mob-navbtn.active .pw-mob-nav-icon{stroke-width:2}

.pw-mob-loading,.pw-mob-empty,.pw-mob-error{
  text-align:center;color:#64748B;padding:40px 16px;font-size:13.5px;line-height:1.6;
}
.pw-mob-error{color:#9F1239}

.pw-mob-toolbar{margin-bottom:10px}
.pw-mob-toolbar input[type="date"]{
  width:100%;padding:11px 12px;border:1px solid #E2E8F0;border-radius:8px;font-size:14px;background:#fff;
}
.pw-mob-search{
  display:block;width:100%;box-sizing:border-box;
  padding:11px 13px;margin-bottom:10px;
  border:1px solid #E2E8F0;border-radius:9px;
  font-size:14px;background:#fff;
}
.pw-mob-summary{
  background:#172434;color:#fff;border-radius:10px;
  padding:14px 16px;margin-bottom:12px;font-size:12.5px;line-height:1.6;
}
.pw-mob-summary b{font-size:19px}

.pw-mob-card{
  background:#fff;border:1px solid #E7EBEF;border-radius:11px;
  padding:13px 14px;margin-bottom:9px;
}
.pw-mob-card[data-click="1"]{cursor:pointer}
.pw-mob-card-title{font-size:14.5px;font-weight:700;color:#0F172A}
.pw-mob-card-sub{font-size:12.5px;color:#64748B;margin-top:2px}
.pw-mob-card-row{margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pw-mob-card-detail{
  display:none;margin-top:10px;padding-top:10px;border-top:1px solid #F1F3F5;
  font-size:12.5px;color:#334155;line-height:1.7;
}
.pw-mob-card.open .pw-mob-card-detail{display:block}
.pw-mob-card-detail a{color:#1D4ED8}

.pw-mob-badge{
  display:inline-block;padding:3px 10px;border-radius:20px;
  font-size:11px;font-weight:700;color:#fff;white-space:nowrap;
}

/* Barra de pesquisa com botão de filtro */
.pw-mob-search-row{display:flex;gap:8px;margin-bottom:10px}
.pw-mob-search-row .pw-mob-search{margin-bottom:0;flex:1 1 auto}
.pw-mob-filter-btn{
  flex:0 0 auto;width:42px;height:42px;
  border:1px solid #E2E8F0;border-radius:9px;background:#fff;
  font-size:18px;cursor:pointer;color:#334155;
}
.pw-mob-filter-btn-active{background:#1D4ED8;border-color:#1D4ED8;color:#fff}

/* Pop-up de filtro por estado */
.pw-mob-filter-overlay{
  position:fixed;inset:0;z-index:9999999;
  background:rgba(15,23,42,.45);
  display:flex;align-items:flex-end;justify-content:center;
}
.pw-mob-filter-box{
  width:100%;max-width:480px;background:#fff;
  border-radius:16px 16px 0 0;padding:18px 16px calc(16px + env(safe-area-inset-bottom));
  max-height:75vh;overflow-y:auto;
}
.pw-mob-filter-box h4{margin:0 0 12px;font-size:15px}
.pw-mob-filter-list{display:grid;gap:6px}
.pw-mob-filter-row{display:flex;align-items:center;gap:10px;padding:9px 4px;font-size:13.5px;cursor:pointer}
.pw-mob-filter-row input{width:18px;height:18px;flex:0 0 auto}
.pw-mob-filter-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.pw-mob-filter-actions .btn{flex:1 1 auto}

/* Navegador de mês (setas + mês) */
.pw-mob-mes-nav{
  display:flex;align-items:center;justify-content:space-between;
  background:#fff;border:1px solid #E2E8F0;border-radius:9px;
  padding:8px 6px;margin-bottom:10px;
}
.pw-mob-mes-nav button{
  border:0;background:transparent;font-size:17px;width:38px;height:38px;
  border-radius:8px;cursor:pointer;color:#1D4ED8;
}
.pw-mob-mes-nav span{font-weight:700;font-size:14px;text-transform:capitalize}

/* Resumo dividido em duas colunas (Fat. Clientes) */
.pw-mob-summary-split{display:flex;gap:10px}
.pw-mob-summary-split > div{flex:1 1 0;text-align:center}
.pw-mob-summary-split span{font-size:11px;opacity:.75;display:block;margin-bottom:3px}
.pw-mob-summary-split b{font-size:16px}

/* Linhas por pagar (fundo vermelho) */
.pw-mob-card-unpaid{background:#FEECEC;border-color:#F3C6C6}
.pw-mob-card-tratada{opacity:.6}

/* Mensagens */
#mob-msg-voltar,
.mob-msg-estado{
  width:auto!important;
  min-width:0;
  height:auto!important;
  min-height:38px;
  padding:8px 10px!important;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.15;
  white-space:nowrap;
  font-size:12px;
}
.mob-msg-estado{
  gap:4px;
}
#mob-msg-thread{
  padding-top:2px;
}
.pw-mob-msg-bubble{
  max-width:78%;margin-bottom:8px;padding:9px 12px;border-radius:12px;
  background:#fff;border:1px solid #E7EBEF;font-size:13.5px;
}
.pw-mob-msg-mine{margin-left:auto;background:#1D4ED8;color:#fff;border-color:#1D4ED8}
.pw-mob-msg-meta{font-size:10px;opacity:.75;margin-top:4px}
.pw-mob-reply-row{
  position:sticky;bottom:0;display:flex;gap:8px;padding-top:8px;background:#F1F3F5;
}
.pw-mob-reply-row input{
  flex:1;padding:11px 13px;border:1px solid #E2E8F0;border-radius:20px;font-size:14px;background:#fff;
}
.pw-mob-reply-row button{
  flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:0;
  background:#1D4ED8;color:#fff;font-size:17px;cursor:pointer;
}


/* PWPLADUR v1453 — tabs de Obras no modo telemóvel, sempre visíveis */
.pw-mob-obras-v1453>input{display:block;width:100%;box-sizing:border-box;padding:11px;border:1px solid #CBD5E1;border-radius:8px;margin:0 0 9px;background:#fff;color:var(--ink)}
.pw-mob-obras-tabs-v1453{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;margin:0 0 11px!important;border-bottom:1px solid var(--line)!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:43px!important;overflow:visible!important;position:relative!important;z-index:2!important}
.pw-mob-obras-tabs-v1453>button{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;min-height:42px!important;margin:0!important;padding:9px 7px 8px!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:transparent!important;color:var(--ink-soft)!important;font:800 11.5px 'Space Grotesk',sans-serif!important;letter-spacing:.03em!important;visibility:visible!important;opacity:1!important}
.pw-mob-obras-tabs-v1453>button>span{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:22px!important;height:20px!important;padding:0 6px!important;border-radius:999px!important;background:#E8EDF1!important;color:#475569!important;font-size:10px!important}
.pw-mob-obras-tabs-v1453>button.active{border-bottom-color:var(--accent)!important;color:var(--ink)!important}
.pw-mob-obras-tabs-v1453>button.active>span{background:var(--accent)!important;color:#fff!important}
.pw-mob-obras-v1453-search-info{margin:-2px 0 10px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#F6F8FA;color:var(--ink-soft);font-size:11px}
.pw-mob-obras-v1453-origin{display:inline-flex;margin:7px 0 0;padding:3px 6px;border-radius:4px;background:#F1F5F9;color:#475569;font-size:9px;font-weight:800;letter-spacing:.05em}