/* Shared "Give app login" pop-up (ui_v2/_give_login_panel.html + static/app_logins_give.js).
 * Same look as the inline form on App logins (app_logins.html keeps its own copy of these rules). */
.ag-box .ag-body,.ag-box .ag-col{display:flex;flex-direction:column;gap:8px}
.ag-box .ag-body[hidden],.ag-box .ag-col[hidden],.ag-box .al-reveal[hidden],.ag-box .ag-bill[hidden],.ag-box .al-ferr[hidden]{display:none}
.ag-box .al-f{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600;color:var(--ink)}
.ag-box .al-f input[type=text],.ag-box .al-f input[type=tel],.ag-box .al-f input[type=search]{min-height:32px;border:1px solid var(--field);border-radius:6px;padding:0 8px;font:inherit;font-size:13px;font-weight:400;background:#fff;width:100%;box-sizing:border-box}
.ag-box .al-f input:focus{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand)}
.ag-box .al-f small,.ag-box .al-hint{font-size:11px;font-weight:400;color:var(--muted);margin:0}
.ag-box .al-ferr{margin:0;font-size:12px;color:var(--v2st-red);font-weight:500}
.ag-box .ag-list{list-style:none;margin:0;padding:0;max-height:168px;overflow:auto;border:1px solid var(--line-soft);border-radius:6px}
.ag-box .ag-list:empty{display:none}
.ag-box .ag-pick{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;border-top:1px solid var(--line-soft);background:#fff;text-align:left;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.ag-box .ag-list li:first-child .ag-pick{border-top:0}
.ag-box .ag-pick[aria-checked=true]{background:#FEF7FB;box-shadow:inset 0 0 0 1px var(--brand)}
.ag-box .ag-pick[aria-disabled=true]{opacity:.6;cursor:not-allowed}
.ag-box .ag-pick .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-box .ag-pick .t b{font-weight:600}
.ag-box .ag-pick .t span{color:var(--muted);font-size:12px;margin-left:6px}
.ag-box .ag-pick .s{font-size:11px;color:var(--muted);white-space:nowrap}
.ag-box .ag-pick .s.bad{color:var(--v2st-red)}
.ag-box .ag-apps{display:flex;flex-direction:column;gap:4px}
.ag-box .ag-app{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.ag-box .ag-app input{width:16px;height:16px;margin:0;accent-color:var(--brand);flex:none}
.ag-box .ag-app b{font-weight:600}
.ag-box .ag-app .v2st{font-size:11px;margin-left:auto;white-space:normal;text-align:right}
.ag-box .ag-app.dis{cursor:default;color:var(--muted)}
.ag-box .ag-chk{display:flex;gap:6px;align-items:flex-start;font-size:12px;cursor:pointer}
.ag-box .ag-chk input{margin:2px 0 0;accent-color:var(--brand)}
.ag-box .ag-bill{margin:0;font-size:12px;color:var(--muted)}
.ag-box .ag-bill b{color:var(--ink);font-weight:600}
.ag-box .ag-btns{display:flex;flex-wrap:wrap;gap:6px}
.ag-box .ag-btns .btn{min-height:32px;border-radius:6px;font-size:13px}
.ag-box .al-reveal{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:6px;background:var(--chip);font-size:13px}
.ag-box .al-reveal b{font-family:var(--mono);font-variant-numeric:tabular-nums}
.ag-box{display:flex;flex-direction:column;gap:8px}
.ag-box .al-note{margin:0;font-size:13px;color:var(--muted)}
.ag-box .ag-list{max-height:240px}
.ag-box .ag-truck[hidden],.ag-box [data-gl-person][hidden]{display:none}
.ag-box .ag-truck{display:flex;flex-direction:column;gap:8px}
.ag-box .ag-truck h3{margin:0;font-size:14px;font-weight:700}
@media (max-width:860px){
  .ag-box .al-f input[type=text],.ag-box .al-f input[type=tel],.ag-box .al-f input[type=search]{min-height:40px;font-size:15px}
  .ag-box .ag-btns .btn{flex:1;min-height:40px}
}