/* Sign-in and gate screens shown by platform/boot.js */
body.pbm-gated>header,body.pbm-gated>main,body.pbm-gated>footer{display:none!important}
#pbm-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px 16px;background:linear-gradient(140deg,var(--hdr1,#0b0d10),var(--hdr2,#14213d));overflow:auto}
.pbm-card{width:100%;max-width:380px;background:#fff;color:#14181f;border-radius:18px;padding:28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:10px;font-family:var(--f-body,system-ui)}
.pbm-card h1{margin:0;font-size:24px;font-family:var(--f-display,system-ui);font-stretch:115%}
.pbm-card p{margin:0;font-size:14.5px;line-height:1.5}
.pbm-sub{color:#5a6472;margin-bottom:6px!important}
.pbm-logo{width:64px;height:64px;border-radius:50%;object-fit:contain;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.pbm-btn{font:inherit;font-size:15px;font-weight:650;border-radius:10px;padding:12px 14px;border:1px solid #14181f;background:#14181f;color:#fff;cursor:pointer;width:100%}
.pbm-google{background:#fff;color:#14181f;border-color:#cfd5dd}
.pbm-apple{background:#000;border-color:#000}
.pbm-or{text-align:center;color:#8a93a0;font-size:12.5px;margin:4px 0}
#pbm-f{display:flex;flex-direction:column;gap:8px}
#pbm-f input{font:inherit;font-size:16px;padding:11px 12px;border:1px solid #cfd5dd;border-radius:10px}
.pbm-link{font:inherit;font-size:13.5px;background:none;border:0;color:#2557c7;cursor:pointer;padding:4px;align-self:center}
.pbm-msg{font-size:13.5px;color:#a33a1f;min-height:1em}
.pbm-foot{font-size:11.5px;color:#8a93a0;text-align:center;margin-top:6px!important;letter-spacing:.04em}

/* A company with its own colors gets them in the header, over the app's black theme. */
html.pbm-branded header{background:linear-gradient(120deg,var(--hdr1),var(--hdr2))!important}

/* Text boxes in pop-up sheets (recap, plan, notes) use the full width */
.sheet textarea{width:100%;box-sizing:border-box}

/* PBM Field login: choose a company */
.pbm-co{display:flex;align-items:center;gap:12px;justify-content:flex-start;margin-top:10px;background:#fff;color:#111;border:1px solid #d9d9de}
.pbm-co img{width:36px;height:36px;object-fit:contain;border-radius:6px}


.pbm-hub-link{display:block;padding:8px 16px;background:#28132f;color:white;font:600 13px system-ui;text-decoration:none}