/* =============================================================================
   Jetsy — Automatic messages card + one-tap buttons (auto v1 · 28 Sep 2026)
   Loaded after board.css. Only app.css tokens. Everything is under .au / .au-*.
   Rules kept: 44px taps, 375px wide, no sideways scroll; orange only for what
   is ON.
   ========================================================================== */
.au *{min-width:0}
.au .bc-hd .sub.due{color:var(--or-lt);font-weight:600}
.au-k{margin-top:.8rem;padding:.75rem .75rem .8rem;border-radius:14px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line)}
.au-k.on{box-shadow:inset 0 0 0 1px rgba(255,106,26,.45)}
.au-top{display:flex;align-items:flex-start;gap:.7rem}
.au-tt{flex:1;display:flex;flex-direction:column;gap:.15rem}
.au-tt b{font-size:.95rem;line-height:1.25;color:var(--ink)}
.au-tt span{font-size:.8rem;line-height:1.4;color:var(--ink2)}
.au-sw{flex:none;display:flex;align-items:center;gap:.4rem;min-width:44px;min-height:44px;padding:0 .1rem;border:0;background:none;color:var(--ink2);font:inherit;cursor:pointer}
.au-sw i{position:relative;display:block;width:46px;height:28px;border-radius:999px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px var(--line);transition:background .15s}
.au-sw i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--ink);transition:transform .15s}
.au-sw[aria-checked="true"] i{background:var(--or)}
.au-sw[aria-checked="true"] i::after{transform:translateX(18px)}
.au-sw em{font-style:normal;font-size:.72rem;width:2.7rem;text-align:left;color:var(--muted)}
.au-sw[aria-checked="true"] em{color:var(--or-lt);font-weight:600}
.au-f{margin-top:.65rem}
.au-f label,.au-row label{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:.22rem}
.au-row{display:flex;align-items:center;gap:.5rem;margin-top:.65rem}
.au-row.wrap{flex-wrap:wrap}
.au-row label{margin:0}
.au-row input{width:4.5rem !important;flex:none;text-align:center}
.au-row>span{font-size:.8rem;color:var(--ink2)}
.au-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.5rem}
.au-chips>span{font-size:.74rem;color:var(--muted)}
.au-chip{min-height:44px;padding:0 .7rem;border:0;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:inherit;font-family:var(--mono);font-size:.76rem;cursor:pointer}
.au-chip:active{background:rgba(255,106,26,.16)}
.au-w{margin:.35rem 0 0;font-size:.78rem;line-height:1.4;color:var(--warn)}
.au-pvw{margin-top:.7rem}
.au-pvw>span{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem}
.au-pv{margin:0;padding:.65rem .75rem;border-radius:14px 14px 14px 4px;background:rgba(62,213,152,.1);box-shadow:inset 0 0 0 1px rgba(62,213,152,.3);font-size:.84rem;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.au-edit{margin-top:.6rem;min-height:44px}
.au-rec{margin-top:1rem}
.au-rec>b{font-size:.85rem;color:var(--ink)}
.au-rec p{margin:.3rem 0 0;font-size:.8rem;color:var(--muted)}
.au-rec ul{list-style:none;margin:.3rem 0 0;padding:0}
.au-rec li{display:flex;flex-direction:column;gap:.05rem;padding:.45rem 0;border-top:1px solid var(--line);font-size:.82rem;color:var(--ink)}
.au-rec li em{font-style:normal;font-size:.74rem;color:var(--muted)}
.au-fine{margin-top:.8rem}
.au-btn{min-height:44px}
.au-btn.armed{background:var(--or);color:#1a0d02;box-shadow:none}
.au-btn.done{opacity:.75}
.au-was{font-size:.72rem;color:var(--muted);align-self:center}
.au-toast{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:9999;padding:.8rem 1rem;border-radius:14px;
  background:var(--panel2,#16223a);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(62,213,152,.5),0 8px 30px rgba(0,0,0,.5);font-size:.9rem;line-height:1.4;
  transform:translateY(140%);opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}
.au-toast.show{transform:none;opacity:1}
.au-toast.bad{box-shadow:inset 0 0 0 1px rgba(255,107,94,.6),0 8px 30px rgba(0,0,0,.5)}
.au-btn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.au-btn.armed{font-size:.9em;padding-left:.4rem;padding-right:.4rem}
