/* More menu, laptop spacing, phone filter fold, and the later feature styles (lists, follow-ups, payroll providers, compliance, map sites). */
/* More in the menu: the chevron turns over when it is open */
.nav-more .i{transition:transform .15s}
.nav-more[aria-expanded="true"] .i{transform:rotate(180deg)}
.nav-more-list{display:contents}
.auto-flag{margin:0 0 12px;justify-content:space-between}
.auto-flag > .i{flex:none;color:var(--accent)}
.auto-flag > span:first-of-type{flex:1 1 260px}
.rq-grid{display:grid;gap:6px}
.mk-site{width:20px;height:20px;border-radius:6px;background:var(--surface);border:2px solid var(--pin-co);box-shadow:0 1px 4px rgba(0,0,0,.3)}
.mk-site::after{content:"";width:8px;height:8px;border-radius:2px;background:var(--brand)}
.mk-site.focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 45%,transparent)}
.mk-site.out{opacity:.4}
.lg .mk-site{width:16px;height:16px}
.dot.site{background:var(--brand);border-radius:2px}
.comp-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.comp-list li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}
.comp-list li:last-child{border-bottom:0}
.comp-i{flex:none;width:22px;height:22px;border-radius:99px;display:inline-grid;place-items:center;font-size:12px;font-weight:700}
.comp-list .ok .comp-i{background:var(--ok-soft);color:var(--ok)}
.comp-list .miss .comp-i{background:var(--warn-soft);color:var(--warn)}
.comp-l{flex:1;min-width:0}
.comp-list .ok .comp-l{color:var(--muted)}
.comp-row{display:flex;justify-content:space-between;gap:10px;align-items:center}
.comp-add{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.fu-box{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.fu-mail{display:grid;gap:10px}
.fu-host:empty{display:none}
.fu-list{display:grid;gap:8px}
.fu-item{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface)}
.fu-item > summary{display:flex;gap:10px;align-items:center;cursor:pointer;list-style:none}
.fu-item > summary::-webkit-details-marker{display:none}
.fu-item[open] > summary{margin-bottom:10px}
.fu-item .field{margin-top:8px}
.pp-list{display:grid;gap:8px;margin-bottom:10px}
.pp-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,.8fr) auto;gap:8px;align-items:center}
.pp-row input,.pp-row select{min-height:36px;border:1px solid var(--line-strong);border-radius:8px;padding:0 10px;background:var(--surface);color:var(--ink);font:inherit;min-width:0}
@media (max-width:560px){.pp-row{grid-template-columns:1fr 1fr}.pp-row input[data-ppk="email"]{grid-column:1 / -1;order:3}}
/* Laptop-height screens: tighter menu spacing so the user box and Viewing picker fit without scrolling the sidebar */
@media (min-width:900px) and (max-height:1100px){
  .side{padding-block:16px 12px}
  .nav{padding-block:14px 0;gap:0}
  .nav-item{padding-block:5px}
  .side-foot{gap:8px;padding-top:10px}
}
/* Phones: fold the extra filters behind one Filters button so the list shows straight away */
.fold-btn{display:none}
@media (max-width:560px){
  .toolbar.fold .fold-btn{display:inline-flex}
  .toolbar.fold:not(.f-open) .fold-x{display:none}
}