/* CLIENT APP INSTALL (switch Portal_App_Install_On). Colours come from the
   business's own settings (--app-* set in the page head). */
.papp-slot{margin:14px 16px;}
.portal-tab-panel .papp-slot{margin:0 0 16px;}
.papp-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border-radius:18px;background:var(--app-dark);border:1.5px solid var(--app-accent);color:var(--app-light);}
.papp-icon{width:52px;height:52px;border-radius:12px;object-fit:cover;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--app-light) 20%,transparent);}
.papp-icon-lg{width:84px;height:84px;border-radius:19px;}
.papp-txt{flex:1 1 140px;display:flex;flex-direction:column;gap:2px;min-width:0;}
.papp-txt b{font-weight:600;font-size:15px;color:var(--app-light);overflow-wrap:anywhere;}
.papp-txt span{font-size:13px;opacity:.8;}
.papp-btns{display:flex;gap:8px;align-items:center;}
.papp-go{min-height:44px;padding:0 18px;border:0;border-radius:22px;background:var(--app-grad);color:var(--app-dark);font-weight:600;font-size:13px;letter-spacing:.06em;cursor:pointer;}
.papp-later{min-height:44px;padding:0 10px;border:0;background:none;color:var(--app-light);opacity:.75;font-size:13px;cursor:pointer;}
.papp-wide{width:100%;margin-top:18px;}
.papp-guide{position:fixed;inset:0;z-index:10000;background:var(--app-dark);color:var(--app-light);display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;}
.papp-guide-box{max-width:420px;width:100%;text-align:center;}
.papp-guide h2{font-size:22px;font-weight:500;margin:16px 0 18px;color:var(--app-light);}
.papp-steps{list-style:none;padding:0;margin:0;text-align:left;display:flex;flex-direction:column;gap:12px;}
.papp-steps li{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--app-accent) 55%,transparent);font-size:15px;line-height:1.45;}
.papp-n{flex:0 0 28px;height:28px;border-radius:50%;background:var(--app-grad);color:var(--app-dark);display:flex;align-items:center;justify-content:center;font-weight:600;}
.papp-steps svg{width:20px;height:20px;vertical-align:-4px;fill:none;stroke:var(--app-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
