/* at581.css - V10.8.581 (TEST) paperclip attach button + chips + iPhone bottom sheet. Soft pastel, text >= 13px. */
.at581-clip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0!important;margin:0 6px 0 0;
  border-radius:50%!important;border:1px solid #d9def5!important;background:#eef1ff!important;color:#46528a!important;cursor:pointer;box-shadow:none!important;
  transition:background .15s,transform .1s;align-self:center;-webkit-tap-highlight-color:transparent}
.at581-clip:hover{background:#e2e7ff!important;color:#2f3a6e!important}.at581-clip:active{transform:scale(.94)}
.at581-clip:focus-visible{outline:2px solid #9aa8ef;outline-offset:2px}
.at581-clip svg{width:22px;height:22px;pointer-events:none}
.at581-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 4px}
.at581-bar .at581-clip{margin:0}
.at581-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0;font-size:13px;line-height:1.35}
.at581-bar .at581-chips{margin:0;flex:1 1 200px}
.at581-chips[hidden]{display:none!important}
.at581-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 6px 5px 10px;border-radius:999px;background:#f3f5ff;border:1px solid #dfe4fb;color:#2f3a63;font-size:13px}
.at581-chip b{font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.at581-chip i{font-style:normal;color:#5b6478}
.at581-chip.up{background:#f4f7ff}.at581-chip.err{background:#fdeef0;border-color:#f6d3d9;color:#8a2d3b}.at581-chip.err i{color:#8a2d3b}
.at581-chip button{all:unset;cursor:pointer;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:#5b6478;background:#e6eafa}
.at581-chip button:hover{background:#d9def5;color:#2f3a63}
.at581-note{flex-basis:100%;font-size:13px;color:#5b6478}
.at581-bg{position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,0);display:flex;align-items:flex-end;justify-content:center;transition:background .3s ease;-webkit-tap-highlight-color:transparent}
.at581-bg.on{background:rgba(0,0,0,.32)}
.at581-sheet{width:100%;max-width:440px;padding:0 8px calc(8px + env(safe-area-inset-bottom));box-sizing:border-box;transform:translateY(110%);
  transition:transform .38s cubic-bezier(.2,.9,.25,1);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Inter,system-ui,sans-serif}
.at581-bg.on .at581-sheet{transform:none}
.at581-grp{border-radius:14px;overflow:hidden;background:rgba(246,246,248,.82);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px)}
.at581-hd{padding:14px 16px 12px;text-align:center;font-size:13px;font-weight:600;color:#6b6b70;line-height:1.35;border-bottom:.5px solid rgba(60,60,67,.29)}
.at581-hd small{display:block;font-weight:400;font-size:13px;color:#8a8a8e;margin-top:2px}
.at581-sheet button{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:57px;padding:0 20px;
  font-size:20px;line-height:1;color:#007aff;cursor:pointer;background:transparent;position:relative;letter-spacing:-.2px}
.at581-grp button+button{border-top:.5px solid rgba(60,60,67,.29)}
.at581-sheet button .ic{display:inline-flex;width:24px;height:24px;color:#007aff}.at581-sheet button .ic svg{width:24px;height:24px}
.at581-grp button:active{background:rgba(209,209,214,.6)}
.at581-sheet .at581-cancel{margin-top:8px;border-radius:14px;background:rgba(255,255,255,.96);font-weight:600;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.at581-sheet .at581-cancel:active{background:#e5e5ea}
.at581-sheet button:focus-visible{outline:2px solid #007aff;outline-offset:-3px}
@media (prefers-color-scheme:dark){.at581-grp{background:rgba(44,44,46,.82)}.at581-hd{color:#a1a1a6;border-color:rgba(84,84,88,.6)}.at581-grp button+button{border-color:rgba(84,84,88,.6)}
  .at581-sheet .at581-cancel{background:rgba(44,44,46,.96)}.at581-sheet button,.at581-sheet button .ic{color:#0a84ff}}
@media (prefers-reduced-motion:reduce){.at581-sheet,.at581-bg{transition:none}}
.at581-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;z-index:2147483001;background:#eef1ff;color:#26304f;border:1px solid #d9def5;
  padding:10px 16px;border-radius:12px;font-size:14px;box-shadow:0 6px 20px rgba(30,40,80,.12);transition:.2s;pointer-events:none;max-width:90vw}
.at581-toast.on{opacity:1;transform:translate(-50%,0)}
/* composer-specific nudges */
.s565-rep .at581-clip{width:42px;height:42px;margin-right:8px}
.ib-comp .at581-clip,.composer .at581-clip,.comp .at581-clip,.ft .at581-clip{margin-right:6px}
.ib-ra .at581-clip,.s2-row .at581-clip,.s-draft .row .at581-clip{margin-right:4px}
[data-theme=dark] .at581-clip{background:#2a3150!important;border-color:#3a4370!important;color:#cdd5ff!important}
[data-theme=dark] .at581-chip{background:#252b45;border-color:#353d63;color:#dfe4ff}
@media (max-width:600px){.at581-chip b{max-width:150px}}

/* V10.8.1530 (TEST) Composer centering, shared by EVERY message box on every page (this sheet is injected last on all pages).
   Send button + paperclip sit on the vertical centre line of the box; the box is one line tall (it grew to 84px from the global
   textarea{min-height:84px}) and scrolls when the text is longer. Undo: the rollback.sh in /opt/backups/composer-center-V10.8.1530-TEST-(utc) */
.rv-clipwrap>textarea{display:block;vertical-align:top}
.rv-clipwrap>.at581-clip{align-self:auto;top:calc(50% - 19px);bottom:auto;translate:none}
.ib-comp,.ib-rep .ib-ra,.s565-rep,.conv .ft,.z-comp,.comp,.composer,.s2-row,.s-draft .row{align-items:center}
.ib-comp>.v853-send,.ib-comp>.ib-btn,.ib-comp>.at581-clip,.conv .ft>.btn,.conv .ft>.at581-clip{align-self:center}
.ib-comp textarea{height:44px;min-height:44px;padding-top:11px;padding-bottom:11px;line-height:1.45;box-sizing:border-box}
.tc-comp{align-items:center}