.pwa-login-install{width:100%;margin-top:18px}
.pwa-sidebar-install{width:100%;background:#25473b;color:#eef8f1;margin-bottom:12px;font-size:12px}
.pwa-help{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:0;border-radius:20px;padding:28px;color:#15332d;box-shadow:0 20px 70px #15332d33}
.pwa-help::backdrop{background:#14231bb3}
.pwa-help h2{font-size:22px;margin:0 0 18px}
.pwa-help p{line-height:1.65;margin:0 0 18px}
.pwa-help form{display:flex;justify-content:flex-end}
.pwa-network-status{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 24px));padding:14px 18px;border-radius:12px;background:#fff4da;color:#654409;box-shadow:0 6px 28px #0002;z-index:100;font-size:13px;line-height:1.5}
.pwa-offline{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f5f7f6;color:#15332d;font:16px/1.6 system-ui,sans-serif;box-sizing:border-box;margin:0}
.pwa-offline main{max-width:400px;background:white;border-radius:22px;padding:30px}
.pwa-offline h1{font-size:24px}.pwa-offline img{border-radius:18px}
@media(display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top)}.workspace-footer{padding-bottom:env(safe-area-inset-bottom)}}
@media(max-width:640px){
  .inbox-card table,.inbox-card tbody{display:block;width:100%;min-width:0}
  .inbox-card thead{display:none}
  .inbox-card tbody tr{display:grid;grid-template-columns:1fr auto;padding:16px;gap:8px;border-bottom:1px solid #e5ece7}
  .inbox-card tbody td{display:block;padding:0!important;border:0!important;min-width:0;white-space:normal}
  .inbox-card tbody td:nth-child(1),.inbox-card tbody td:nth-child(2){grid-column:1/-1}
  .inbox-card tbody td:nth-child(3),.inbox-card tbody td:nth-child(5){display:none}
  .inbox-card tbody td:nth-child(4){grid-column:1;align-self:center;font-size:12px}
  .inbox-card tbody td:nth-child(6){grid-column:2}
  .inbox-card .truncate{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .inbox-card .row-title-button{text-align:left;min-height:32px}
  dialog.conversation-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
  .conversation-dialog .conversation-layout{grid-template-columns:minmax(0,1fr)}
  .conversation-dialog .message-thread{height:45dvh;min-height:240px;max-height:60dvh}
  .conversation-dialog .message-bubble{overflow-wrap:anywhere}
  .conversation-dialog textarea{font-size:16px}
}