/* Escargo admin badge, Admin page, support bar and the owner's list of support visits (platform-admin.js) */
.pa-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--dark);color:#f3e7c8;font-weight:650;font-size:12px;letter-spacing:.2px;white-space:nowrap;border:1px solid var(--gold)}
.pa-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--gold)}
.pa-tool{display:inline-flex;align-items:center;background:transparent;color:#f3e7c8;border:1px dashed #b59a60;border-radius:6px;padding:5px 12px;font-weight:650;min-height:32px;font-size:13px}
.pa-preview .pa-row{align-items:center}
/* fixed to the bottom edge: always on screen, clear of the fixed top bar, and Exit is in thumb reach on a phone */
.pa-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:9px 16px calc(9px + env(safe-area-inset-bottom));font-size:13px;line-height:1.4;box-shadow:0 -6px 24px #0000002e}
.pa-bar[hidden]{display:none}
html.pa-has-bar body{padding-bottom:var(--pa-bar-h,60px)}
.pa-support{background:#7a2e27;color:#fff}
.pa-preview{background:var(--dark);color:#f3e7c8}
.pa-exit{background:#fff;color:#20332b;border:0;border-radius:6px;padding:6px 14px;font-weight:700;min-height:34px}
.pa-page{display:grid;gap:16px;max-width:1100px}
.pa-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.pa-title a{text-decoration:underline}
.pa-muted{color:var(--muted)}
.pa-error{color:var(--red);font-weight:600}
.pa-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.pa-summary>div{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px;display:grid}
.pa-summary b{font-size:20px;font-family:Manrope,'DM Sans',sans-serif}
.pa-summary span{color:var(--muted);font-size:12px}
.pa-bad-text b{color:var(--red)}
.pa-search{display:grid;gap:4px;max-width:420px;font-weight:600}
.pa-search input,.pa-open-form input{padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.pa-company{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:grid;gap:10px}
.pa-company.pa-open{border-color:#7a2e27;box-shadow:0 0 0 2px #7a2e2722}
.pa-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pa-head h3{font-size:16px;margin-right:auto}
.pa-chip{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--pale)}
.pa-ok{background:#e3efe8;color:var(--green)}
.pa-warn{background:#f6ecd8;color:var(--yellow)}
.pa-bad{background:#f6e1de;color:var(--red)}
.pa-info{background:#7a2e27;color:#fff}
.pa-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 16px;margin:0}
.pa-facts div{display:grid;gap:1px}
.pa-facts dt{font-size:12px;color:var(--muted)}
.pa-facts dd{margin:0;font-weight:550}
.pa-facts small,.pa-users small{display:block;color:var(--muted);font-weight:400}
.pa-users ul{margin:6px 0 0;padding-left:18px;display:grid;gap:4px}
.pa-users summary{cursor:pointer;color:var(--green);font-weight:600}
.pa-row{display:flex;gap:8px;flex-wrap:wrap}
.pa-open-form{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.pa-open-form label{display:grid;gap:4px;font-weight:600}
.pa-visits{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:12px 0;display:grid;gap:8px}
.pa-visits ul{margin:0;padding-left:18px;display:grid;gap:4px}
.pa-visits small{color:var(--muted)}
@media (max-width:700px){.pa-bar{padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:6px}.pa-badge{font-size:11px;padding:3px 8px}.pa-bar .pa-row{flex-wrap:nowrap;width:100%}.pa-bar .pa-row>*{flex:1;justify-content:center;font-size:12px;padding:5px 8px;text-align:center}
  .pa-support .pa-exit{flex:0 0 auto;margin-left:auto}.pa-email{display:none}}
@media (max-width:640px){html.pa-has-bar .nb-bell{bottom:calc(var(--pa-bar-h,60px) + 12px)}html.pa-has-bar .nb-panel{bottom:calc(var(--pa-bar-h,60px) + 82px)}}
