/* WPR Agent Portal — Home, the Deals / Grow / Learn menus, and My sheets, Marketing funds, Profile (14 Oct). */
.app-main{max-width:760px;padding-top:14px}
.hello2{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 12px}
.hello2 h2{font-size:22px}
.searchpill{display:flex;align-items:center;gap:10px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--gray);font:15px 'DM Sans',sans-serif;cursor:text;text-align:left;margin-bottom:14px}
.searchpill .ic-svg{width:20px;height:20px}
.lbl{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gray);margin:20px 2px 8px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.lbl a{font-size:13px;letter-spacing:0;text-transform:none;font-weight:600;text-decoration:none}
.jobs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.job{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px;text-decoration:none;color:var(--ink)}
.job:hover{border-color:var(--blue)}
.job .g{grid-row:span 2;width:38px;height:38px;border-radius:11px;background:#e8f0fa;color:var(--blue);display:grid;place-items:center}
.job .g .ic-svg{width:20px;height:20px}
.job b{font-size:15px;line-height:1.25}
.job small{font-size:12.5px;color:var(--gray);line-height:1.3}
.checklist{display:grid;gap:4px}
.checklist a,.checklist div.ck{display:flex;gap:10px;align-items:center;padding:7px 0;text-decoration:none;color:var(--ink);font-size:15px}
.checklist i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex:none;display:grid;place-items:center;font-style:normal;font-size:12px;color:#fff}
.checklist .done i{background:var(--good);border-color:var(--good)}
.checklist .done span{color:var(--gray);text-decoration:line-through}
.checklist a span:after{content:" ›";color:var(--gray)}
.prog{height:6px;background:var(--line);border-radius:9px;overflow:hidden;margin:8px 0 6px}
.prog i{display:block;height:100%;background:var(--good);border-radius:9px}
.pins{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pin{display:grid;justify-items:center;gap:6px;text-decoration:none;color:var(--ink);font-size:12.5px;text-align:center;line-height:1.25}
.pin .g{width:56px;height:56px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--blue);display:grid;place-items:center}
.pin:hover .g{border-color:var(--blue)}
.minifunds{display:flex;justify-content:space-between;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.minifunds b{font:700 26px Poppins,sans-serif;color:var(--blue)}
.need{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:14.5px}
.need:first-of-type{border-top:0}
.st{display:inline-block;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;background:#fff5e0;color:#8a5a00;white-space:nowrap}
.st.done{background:#e6f4ec;color:#1a7a4a}
.intro{color:var(--gray);margin:0 2px 4px;font-size:15px}
.chips{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 6px;padding:2px 16px 8px;scrollbar-width:none;position:sticky;top:64px;z-index:5;background:var(--bg)}
.chips::-webkit-scrollbar{display:none}
.chips button{flex:none;border:0;background:var(--card);border:1px solid var(--line);color:var(--gray);font:600 14px 'DM Sans',sans-serif;padding:8px 14px;border-radius:10px;cursor:pointer}
.chips button[aria-pressed=true]{background:#e8f0fa;border-color:#e8f0fa;color:var(--blue)}
.sect{margin-top:18px}
.sect h3{font-size:16px;margin:0 2px}
.sect p.help{margin:2px 2px 8px;font-size:13.5px;color:var(--gray)}
.unlock{margin-top:8px;border:1px dashed var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:8px}
.unlock b{font-size:14px}
.unlock .names{font-size:13.5px;color:var(--gray)}
.pinbtn{border:0;background:none;color:#c5ccd6;cursor:pointer;padding:4px;border-radius:8px;display:grid;place-items:center}
.pinbtn[aria-pressed=true]{color:#e0a100}
.pinbtn .ic-svg{width:20px;height:20px}
.fab{position:fixed;right:18px;bottom:calc(84px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;background:var(--blue);color:#fff;border:0;font:300 34px/1 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 10px 22px -8px rgba(22,96,171,.7);z-index:900}
.fab:hover{background:var(--blue-d)}
@media (min-width:900px){.fab{bottom:28px;right:28px}.chips{top:64px}}
.sheetrow .n{font:700 15px Poppins,sans-serif;color:var(--good);white-space:nowrap}
.dismiss{border:0;background:none;color:var(--gray);font:600 13px 'DM Sans',sans-serif;cursor:pointer;padding:0}
@media (max-width:420px){.pins{gap:6px}.pin .g{width:52px;height:52px}}
.notify{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}
.notify .g{flex:none;width:38px;height:38px;border-radius:12px;background:#e8f0fa;color:#1660AB;display:grid;place-items:center}
.notify .g svg{width:20px;height:20px}