/* Group polls: the poll maker (/group-poll) and the poll page (/p/<id>). Loaded after landing.css, which supplies the
 * page frame, nav and tokens (--rule, --dim, --faint). Cells use the app's own blue (--free) and grey (--busy). */
.pl,.pn{padding-top:40px;padding-bottom:72px}
.pl .status{position:static;transform:none;margin:80px auto;text-align:center}
.pl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.pl-head-t{min-width:0}
.lp .pl h1,.lp .pn h1{font-size:clamp(28px,3.4vw,38px);font-weight:500;letter-spacing:-.03em;line-height:1.15;color:var(--ink);white-space:normal;overflow:visible;text-overflow:clip;text-wrap:balance}
.pl-sub{margin-top:8px;color:var(--dim);font-size:15px}
.pl-zone{margin-top:2px;color:var(--faint);font-size:14px}
.pl-link{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 5px 0 14px;border:1px solid var(--rule);border-radius:11px;background:#fff;color:var(--ink);font:inherit;max-width:100%}
.pl-link .url{font-weight:600;font-size:14px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pl-cp{display:grid;place-items:center;height:30px;padding:0 11px;background:var(--ink);color:#fff;border-radius:8px;font-size:12.5px;font-weight:600;white-space:nowrap;flex:none}
.pl-link:hover .pl-cp{background:#33363d}
.pl-closed{margin-top:20px;padding:12px 14px;border:1px solid var(--rule);border-radius:10px;background:#fff;color:var(--dim);font-size:14px}
.pl-admin{margin-top:16px;font-size:14px}
.pl-admin summary{cursor:pointer;color:var(--dim);font-weight:500;width:max-content}
.pl-admin summary:hover{color:var(--ink)}
.pl-admin-in{margin-top:12px;padding:16px;border:1px solid var(--rule);border-radius:12px;background:#fff;display:grid;gap:12px}
.pl-acts{display:flex;flex-wrap:wrap;gap:8px}
.btn.pl-danger{color:#b4232a}
.pl-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px;align-items:start}
.pl-card{background:#fff;border:1px solid var(--rule);border-radius:14px;padding:20px;min-width:0}
.pl-card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lp .pl-card h2{font-size:17px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.pl-count{color:var(--faint);font-size:13.5px}
.pl-note{color:var(--faint);font-size:13.5px;line-height:1.5;margin-top:6px}
.pl-tools{display:flex;gap:4px}
.pl-tool{height:30px;padding:0 10px;border:1px solid var(--rule);border-radius:8px;background:#fff;font-size:13px;font-weight:500;color:var(--dim);transition:background-color .15s,color .15s}
.pl-tool:hover:not(:disabled){background:#f4f5f7;color:var(--ink)}
.pl-tool:disabled{opacity:.45;cursor:default}
.pl-fill{margin-top:12px}
.pl-fill-note{margin-top:8px}
.pl-save{display:flex;align-items:flex-end;gap:12px;margin-top:16px;flex-wrap:wrap}
.pl-name{flex:1;min-width:180px}
.pl-save .lp-primary{border:0;cursor:pointer;font-family:inherit}
.pl-save .lp-primary:disabled{opacity:.6;cursor:default}
.pl-edit{margin-top:14px;padding-top:14px;border-top:1px solid var(--hair);display:grid;gap:10px;justify-items:start}
.pl-legend{display:flex;align-items:center;gap:4px;margin-top:12px;font-size:12px;color:var(--faint)}
.pl-legend i{width:18px;height:12px;border-radius:3px}
.pl-legend span:first-child{margin-right:4px}.pl-legend span:last-child{margin-left:4px}
.pl-who{margin-top:14px;min-height:64px;padding:12px 14px;border-radius:10px;background:#f7f8fa;font-size:14px;color:var(--dim);display:grid;gap:3px;align-content:start}
.pl-who .pl-note{margin:0}
.pl-who-t{font-weight:600;color:var(--ink)}
.pl-who-no{color:var(--faint)}
.lp .pl-h3{margin-top:20px;font-size:15px;font-weight:600;color:var(--ink)}
.pl-best{list-style:none;margin-top:8px;display:grid;gap:6px}
.pl-best-b{all:unset;box-sizing:border-box;width:100%;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 12px;border:1px solid var(--hair);border-radius:10px;font-size:14px;transition:border-color .15s,background-color .15s}
.pl-best-b:hover{border-color:var(--rule);background:#fafbfc}
.pl-best-b:focus-visible{outline:2px solid var(--free);outline-offset:2px}
.pl-best-b b{font-weight:600;color:var(--ink)}
.pl-best-n{color:#2448b8;font-weight:600;font-size:13px}
.pl-best-who{grid-column:1/-1;color:var(--faint);font-size:13px}

/* The grid. Columns are the poll's dates; rows are its cells of the day (--rh tall, set by poll-grid.js). */
.pg-wrap{margin-top:14px;overflow-x:auto;padding-bottom:4px}
.pg{display:grid;grid-template-columns:52px repeat(var(--cols),minmax(38px,1fr));grid-template-rows:44px;grid-auto-rows:var(--rh,18px);column-gap:3px;user-select:none;-webkit-user-select:none;min-width:min-content}
.pg-day{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;font-size:11px;color:var(--faint);white-space:nowrap;padding-bottom:4px}
.pg-day b{font-size:12.5px;font-weight:600;color:var(--ink)}
.pg-over{font-size:10.5px;color:#2448b8}
.pg-hour{font-size:11px;color:var(--muted);text-align:right;padding-right:8px;transform:translateY(-7px);white-space:nowrap}
.pg-c{all:unset;box-sizing:border-box;display:block;background:var(--busy);border-top:1px solid #fff;cursor:pointer}
.pg-c.is-hour{border-top-color:#dfe2e7}
.pg-c:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;position:relative;z-index:1}
.pg-paint .pg-c{touch-action:none}
.pg-paint .pg-c:hover{background:#e9ebef}
.pg-paint .pg-c.is-on{background:var(--free)}
.pg-paint .pg-c.is-on:hover{background:var(--free-hover)}
.pg-paint.is-closed .pg-c{cursor:default;pointer-events:none}
.pg-heat .pg-c:hover{box-shadow:inset 0 0 0 2px var(--ink)}
.pg-heat .l1,.pl-legend .l1{background:#e3ebff}
.pg-heat .l2,.pl-legend .l2{background:#c3d4ff}
.pg-heat .l3,.pl-legend .l3{background:#95b3ff}
.pg-heat .l4,.pl-legend .l4{background:#6390ff}
.pg-heat .l5,.pl-legend .l5{background:var(--free)}

/* The poll maker */
.pn-lead{margin-top:12px;color:var(--dim);font-size:16px;line-height:1.6}
.pn-form{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.pn-form select,.pl select{min-width:0;width:100%}
.pn-title input{height:42px;font-size:15px}
.pn-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}
.pn-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:12px}
.pn-hint{color:var(--faint)}
.pn-cal{margin-top:8px;border:1px solid var(--rule);border-radius:12px;padding:12px}
.pn-cal-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.pn-cal-h b{font-size:14px;font-weight:600;color:var(--ink)}
.pn-cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.pn-dow{text-align:center;font-size:11px;color:var(--faint);padding:2px 0}
.pn-day{height:38px;border:0;border-radius:8px;background:#f4f5f7;font-size:13.5px;font-weight:500;color:var(--ink);transition:background-color .15s}
.pn-day:hover:not(:disabled){background:#e9ebef}
.pn-day.is-today{box-shadow:inset 0 0 0 1px var(--free)}
.pn-day[aria-pressed=true]{background:var(--free);color:#fff}
.pn-day[aria-pressed=true]:hover{background:var(--free-hover)}
.pn-day:disabled{background:transparent;color:#c3c7cf;cursor:default}
.pn-side{display:grid;gap:16px;align-content:start}
.pn-hours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pn-seg{display:flex;gap:4px}
.pn-seg label{flex:1;position:relative;display:grid;place-items:center;height:34px;border:1px solid #e3e5e9;border-radius:8px;font-size:13px;color:var(--dim);cursor:pointer;background:#fff}
.pn-seg input{position:absolute;opacity:0;pointer-events:none}
.pn-seg label:has(input:checked){border-color:var(--free);color:#2448b8;font-weight:600;background:#f1f4fe}
.pn-seg label:has(input:focus-visible){outline:2px solid #dfe8ff}
.pn-err{margin:0;padding:10px 12px;border:1px solid #f0b4b6;border-radius:9px;background:#fff5f5;color:#b4232a;font-size:14px}
.pn-side .lp-primary{border:0;cursor:pointer;font-family:inherit;justify-self:start}
.pn-side .lp-primary:disabled{opacity:.6;cursor:default}
.pn-done{margin-top:28px;display:grid;gap:10px}
.pn-done:focus{outline:none}
.pn-share{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}
.pn-mine{margin-top:36px}
.lp .pn-mine h2{font-size:15px;font-weight:600;color:var(--ink)}
.pn-mine ul{margin-top:8px;padding-left:18px;display:grid;gap:4px;color:var(--dim);font-size:14.5px}
.pn-mine a{text-decoration:underline;text-decoration-color:#c3c7cf;text-underline-offset:3px}

@media (max-width:980px){.pl-cols{grid-template-columns:1fr}}
@media (max-width:720px){.pn-row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.pl,.pn{padding-top:28px}.field input,.field select{font-size:16px}.pg{grid-template-columns:44px repeat(var(--cols),minmax(40px,1fr))}}
/* Phones: the two header links and the mark fit one row; the wordmark is left out. */
@media (max-width:640px){.pl-body .lp-nav-in{gap:12px}.pl-body .lp-ctas{gap:14px}.pl-body .lp-brand span{display:none}}