/* ---------- sign-in gate, account menu, team / crew / share panels ---------- */
/* sign-in screen: JC Live letterhead colors and art */
#aa-gate{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px max(20px,env(safe-area-inset-right,0px)) 40px max(20px,env(safe-area-inset-left,0px));background:#0B3B27;color:#fff;overflow:hidden;font-family:"Poppins",var(--f-body)}
#aa-gate::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(162deg,rgba(255,255,255,.07) 0 28%,transparent 28.1%),linear-gradient(200deg,rgba(255,255,255,.05) 0 22%,transparent 22.1%),linear-gradient(140deg,transparent 0 70%,rgba(0,0,0,.18) 70.1%)}
#aa-gate::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;pointer-events:none;
  background:linear-gradient(90deg,#0B3B27 0 25%,rgba(255,255,255,.12) 25% 50%,rgba(255,255,255,.2) 50% 75%,rgba(255,255,255,.28) 75%)}
#aa-gate[hidden]{display:none}
body.aa-gated{overflow:hidden}
.aa-box{position:relative;z-index:1;width:min(440px,100%);display:flex;flex-direction:column;gap:14px;text-align:center;align-items:center}
.aa-logo{width:min(220px,62vw);height:auto;margin-bottom:6px}
.aa-brand{font-family:"Poppins",sans-serif;font-weight:800;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.75);padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.22);width:100%}
.aa-box h1{margin:6px 0 0;font-family:"Poppins",sans-serif;font-weight:700;font-size:28px;letter-spacing:.01em;text-transform:none;color:#fff}
.aa-box p{margin:0;color:rgba(255,255,255,.78);line-height:1.55;font-size:15px;max-width:36ch}
#aa-gate .btn{font-family:"Poppins",sans-serif;font-weight:600;border-radius:999px;padding:11px 22px;border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff}
#aa-gate .btn:hover{background:rgba(255,255,255,.1)}
#aa-gate .aa-google{display:inline-flex;align-items:center;gap:12px;margin-top:8px;padding:12px 24px 12px 14px;background:#fff;color:#0B3B27;border-color:#fff;font-size:15px;box-shadow:0 6px 24px rgba(0,0,0,.25)}
#aa-gate .aa-google:hover{background:#eef4f0}
.aa-g{width:22px;height:22px;flex:none}
.aa-foot{position:absolute;left:0;right:0;bottom:24px;z-index:1;text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.aa-me{position:relative}
.aa-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:240px;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:12px;display:flex;flex-direction:column;gap:8px}
.aa-who{display:flex;flex-direction:column;gap:2px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.aa-who b{font-weight:600;overflow-wrap:anywhere}.aa-who span{font-size:12px;color:var(--muted)}
#btn-me{max-width:240px;overflow:hidden;text-overflow:ellipsis}
.aa-panel{border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r);padding:14px;margin-top:14px}
.aa-ph{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.aa-ph h3{margin:0 0 4px}.aa-ph .hint{margin:0}
.aa-pb{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.aa-add{display:flex;flex-wrap:wrap;gap:8px}
.aa-add input,.aa-add select,.aa-row select,.aa-url{border:1px solid var(--line);background:var(--surface);border-radius:var(--r);padding:6px 8px;min-width:0}
.aa-add input{flex:1 1 240px}
.aa-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r)}
.aa-list>.hint{padding:10px;margin:0}
.aa-row{display:grid;grid-template-columns:minmax(0,1.4fr) auto minmax(0,1.6fr) auto;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line)}
.aa-row:last-child{border-bottom:none}
.aa-whocell{display:flex;flex-direction:column;min-width:0}.aa-whocell b{font-weight:600;overflow-wrap:anywhere}.aa-whocell span{font-size:12px;color:var(--muted)}
.aa-feats{display:flex;flex-wrap:wrap;gap:4px 14px}
.aa-chk{display:inline-flex;align-items:center;gap:5px;font-size:13px;white-space:nowrap}
.aa-chk input{accent-color:var(--accent)}
.aa-rm,.aa-acts{display:flex;gap:6px;justify-content:flex-end}
.aa-h4{margin:6px 0 0;font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.aa-link{grid-template-columns:minmax(0,1fr) auto auto}
.aa-link.off .aa-url{opacity:.5;text-decoration:line-through}
.aa-url{width:100%;font-family:var(--f-mono);font-size:12px;margin-bottom:3px}
.aa-import{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.aa-import .hint{margin:0}
@media (max-width:700px){.aa-row{grid-template-columns:minmax(0,1fr) auto}.aa-feats{grid-column:1/-1}.aa-link{grid-template-columns:minmax(0,1fr)}}
/* read-only link */
body.aa-public #btn-pdf{display:inline-block}
.aa-pb>.btn{align-self:flex-start}
@media (max-width:700px){.showpick{width:100%}select.big{min-width:0;width:100%;flex:1 1 100%}#btn-me{max-width:100%}}
.aa-opts{display:flex;flex-direction:column;gap:4px}