/* Winslow CRM round 5 (Ryan 2026-10-21): structure only, current look and theme. */
/* menu: section headers are links to their dashboards */
body.r5nav .side .nav a.r5-sec{display:flex!important;align-items:center;gap:6px;text-decoration:none;cursor:pointer;border-radius:8px;min-height:30px;box-sizing:border-box}
body.r5nav .side .nav a.r5-sec .r5-go{margin-left:auto;font-size:15px;opacity:.55;line-height:1}
body.r5nav .side .nav a.r5-sec:hover,body.r5nav .side .nav a.r5-sec:focus-visible{background:rgba(13,110,122,.08)}
body.r5nav .side .nav a.r5-sec.on{color:var(--ocean,#0d6e7a)!important;background:rgba(13,110,122,.10)}
html.lookA.dark body.r5nav .side .nav a.r5-sec.on{color:#e3c77d!important;background:rgba(227,199,125,.10)}
.r5-hide{display:none!important}
body.r5nav .side .nav a.r5-sec::before,body.r5nav .side .nav a.r5-sec::after{display:none!important;content:none!important}
body.r5nav .side .nav a.r5-sec{box-shadow:none!important;border:0!important;outline-offset:2px}
#r5set .hm{padding:0!important;min-height:0!important;margin:0 0 6px}
.r5-alf label input{width:auto!important;min-height:0!important;height:18px}
.r5-tiles{margin:14px 0 6px;padding:0!important;min-height:0!important}
/* scoreboard strip under the greeting */
.r5-sb{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin:10px 0 12px;padding:10px 14px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:var(--card,#fff);font-size:14px;min-height:46px;box-sizing:border-box}
.r5-sb:empty{display:none}
.r5-sbh{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#5b6b7f)}
.r5-sbl{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;flex:1;min-width:0}
.r5-sbl a{color:inherit;text-decoration:none;white-space:nowrap}.r5-sbl a:hover{text-decoration:underline}
.r5-sbl a b,.r5-sbn{display:inline-block;min-width:20px;text-align:center;font-weight:800;color:var(--ocean,#0d6e7a)}
.r5-sbl a span,.r5-sbt span{font-weight:700}
.r5-sbt{color:var(--muted,#5b6b7f)}
.r5-sbr{font-weight:600}.r5-sbn{font-size:18px}
.r5-sbs{color:var(--muted,#5b6b7f);flex:1;min-width:0}
.r5-sbx{display:flex;align-items:center;gap:10px;margin-left:auto}
.r5-sbx a{font-weight:600;font-size:13px}
.r5-sbp{display:inline-flex;gap:2px}
.r5-sbp button{border:0;background:none;padding:4px 6px;font:600 12.5px Inter,system-ui,sans-serif;color:var(--muted,#5b6b7f);cursor:pointer;border-bottom:2px solid transparent}
.r5-sbp button.on{color:var(--ink,#0f1b2d);border-bottom-color:var(--ocean,#0d6e7a)}
html.lookA.dark .r5-sbp button.on{color:#fff;border-bottom-color:#e3c77d}
/* Reports on the CRM dashboard */
.r5-rep{margin:14px 0}
.r5-rep>summary{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;cursor:pointer;list-style:none;padding:4px 0}
.r5-rep>summary::-webkit-details-marker{display:none}
.r5-rep>summary h2{margin:0;font-size:19px}
.r5-rep>summary::before{content:"›";display:inline-block;transition:transform .15s;font-size:18px;color:var(--muted,#5b6b7f)}
.r5-rep[open]>summary::before{transform:rotate(90deg)}
.r5-repb{margin-top:8px;min-height:40px}
/* Pipeline board */
.r5-pipe{max-width:1500px}
.r5-ph{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin-bottom:12px}
.r5-ph h1{margin:0 0 2px}.r5-ph p{margin:0}
.r5-pf{display:flex;gap:8px;flex-wrap:wrap}.r5-pf select{min-height:38px;max-width:240px}
.r5-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:8px;align-items:start}
.r5-pcol{background:var(--card,#fff);border:1px solid var(--line,#e5e7eb);border-top:4px solid var(--sc);border-radius:12px;padding:8px;min-width:0;box-sizing:border-box}
.r5-pcol.over{outline:2px dashed var(--sc);outline-offset:2px}
.r5-pcol header{display:flex;flex-wrap:wrap;gap:0 6px;align-items:baseline;margin-bottom:6px}
.r5-pcol header .t{flex:0 0 100%;font-weight:700;font-size:13px;line-height:1.25;min-height:2.5em;hyphens:none;word-break:normal;overflow-wrap:normal}
.r5-pcol header b{font-size:19px;font-weight:800;color:var(--sc)}
html.lookA.dark .r5-pcol header b{color:inherit}
.r5-pcol header .v{font-size:12px;color:var(--muted,#5b6b7f)}
.r5-fb{flex:0 0 100%;display:block;height:4px;border-radius:2px;background:var(--line,#eef0f3);margin-top:4px;overflow:hidden}
.r5-fb i{display:block;height:100%;background:var(--sc);border-radius:2px}
.r5-pcs{display:flex;flex-direction:column;gap:6px}
.r5-pc{display:flex;flex-direction:column;gap:1px;padding:7px 8px;border-radius:8px;border:1px solid var(--line,#e5e7eb);border-left:3px solid var(--sc);text-decoration:none;color:inherit;background:var(--bg2,#fafbfc);min-width:0}
html.lookA.dark .r5-pc{background:rgba(255,255,255,.03)}
.r5-pc:hover{border-color:var(--sc)}
.r5-pc.drag{opacity:.5}
.r5-pc b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r5-pc>span{font-size:12px;color:var(--muted,#5b6b7f);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r5-pcm{display:flex;flex-wrap:wrap;gap:2px 8px}.r5-pcm i{font-style:normal}
.r5-pcm i:first-child{color:var(--ink,#0f1b2d);font-weight:600}
html.lookA.dark .r5-pcm i:first-child{color:inherit}
.r5-hot{color:#b26a00!important;font-weight:700}
.r5-pmore{display:block;margin-top:6px;font-size:12.5px;font-weight:600}
.r5-after{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;margin:12px 0 4px}
.r5-after a{color:inherit;text-decoration:none;border-bottom:2px solid var(--sc);padding-bottom:1px}
.r5-ptip{margin-top:8px}
/* Needs you merge and Client status note */
.r5-nm{margin-top:18px}.r5-nm h2{font-size:18px}
.r5-note{margin:10px 0}
/* Recruiting */
.r5-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.r5-card{min-width:0}.r5-card h2{margin-top:0}
.r5-kv{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:14px}
.r5-kv span{color:var(--muted,#5b6b7f)}
.r5-bars{display:flex;gap:8px;align-items:flex-end;margin:10px 0 12px;min-height:80px}
.r5-bars span{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;font-size:11px}
.r5-bars i{display:block;width:100%;max-width:34px;background:var(--ocean,#0d6e7a);border-radius:4px 4px 0 0}
html.lookA.dark .r5-bars i{background:#e3c77d}
.r5-bars small{color:var(--muted,#5b6b7f)}
.r5-alf{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:8px;margin:12px 0}
.r5-alf input,.r5-alf select{width:100%;min-height:38px;box-sizing:border-box}
.r5-alf label{display:flex;align-items:center;gap:6px}
.r5-alt{border:1px solid var(--line,#e5e7eb);border-radius:12px;overflow:hidden;background:var(--card,#fff)}
.r5-alh,.r5-alr{display:grid;grid-template-columns:1.4fr 1.4fr 1fr .5fr .8fr 1.5fr;gap:10px;padding:9px 12px;align-items:start;font-size:13.5px}
.r5-alh{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#5b6b7f);border-bottom:1px solid var(--line,#e5e7eb)}
.r5-alr{border-bottom:1px solid var(--line,#eef0f3)}.r5-alr:last-child{border-bottom:0}
.r5-alr>span{min-width:0;overflow-wrap:anywhere}
.r5-alr small{display:block;font-size:11.5px;color:var(--muted,#5b6b7f)}
.r5-alc a{display:block}
.r5-pg{display:flex;align-items:center;gap:10px;justify-content:center;margin:12px 0}
.r5-scr .card p,.r5-scr li{font-size:15px;line-height:1.5}
/* Settings groups */
.r5-sjump{display:flex;flex-wrap:wrap;gap:4px 16px;margin:4px 0 14px}
.r5-sjump a{font-weight:600}
.r5-sg{margin:20px 0 6px}
.r5-sg>h2,.r5-sg>summary h2{margin:0;font-size:20px}
.r5-sg>p{margin:2px 0 8px}
.r5-adv>summary{display:flex;align-items:baseline;gap:10px;cursor:pointer;list-style:none}
.r5-adv>summary::-webkit-details-marker{display:none}
/* Plans and licenses: one line per agent, open for details; problems in red with the name highlighted */
.r5-ag{border:1px solid var(--line,#e5e7eb);border-radius:12px;background:var(--card,#fff);margin:8px 0}
.r5-ag>summary{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:12px 14px;cursor:pointer;list-style:none}
.r5-ag>summary::-webkit-details-marker{display:none}
.r5-ag>summary::before{content:"›";display:inline-block;transition:transform .15s;color:var(--muted,#5b6b7f)}
.r5-ag[open]>summary::before{transform:rotate(90deg)}
.r5-ag>.card{margin:0 8px 8px;box-shadow:none}
.r5-agn{font-size:16px}
.r5-ag.r5-bad{border-color:#e4a9a4;border-left:5px solid #b3261e}
.r5-ag.r5-bad .r5-agn{background:#fdecea;color:#b3261e;padding:1px 8px;border-radius:6px}
.r5-agp{color:#b3261e;font-size:13px;font-weight:600}
.r5-ag.r5-bad .pill{background:#fdecea!important;color:#b3261e!important}
html.lookA.dark .r5-ag.r5-bad .r5-agn{background:rgba(255,110,100,.15);color:#ff8a80}
html.lookA.dark .r5-agp{color:#ff8a80}
@media (max-width:860px){
  .r5-sb{padding:9px 12px;gap:6px 12px;margin:8px 0 10px}
  .r5-sbx{margin-left:0;width:100%;justify-content:space-between}
  .r5-sbs,.r5-sbl{flex-basis:100%}
  .r5-sbr{flex:1}
  .r5-board{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:6px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .r5-pcol{flex:0 0 78%;scroll-snap-align:start}
  .r5-ph{align-items:flex-start}
  .r5-pf{width:100%}.r5-pf select{flex:1;max-width:none}
  .r5-two{grid-template-columns:1fr}
  .r5-alf{grid-template-columns:1fr 1fr}.r5-alf input[name=q]{grid-column:1/-1}
  .r5-alh{display:none}
  .r5-alr{grid-template-columns:1fr 1fr;gap:4px 10px}
  .r5-alr .r5-aln,.r5-alr .r5-alc{grid-column:1/-1}
}
/* one clean CRM dashboard (round 5 add) */
.r5-glance{margin:4px 0 10px}.r5-glance h2{font-size:15px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#5b6b7f)}
.r5-gl{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.r5-blk{margin:14px 0;border-top:1px solid var(--line,#e5e7eb);padding-top:8px}
.r5-blk>summary{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;cursor:pointer;list-style:none;padding:4px 0}
.r5-blk>summary::-webkit-details-marker{display:none}
.r5-blk>summary h2{margin:0;font-size:19px}
.r5-blk>summary::before{content:"›";display:inline-block;transition:transform .15s;font-size:18px;color:var(--muted,#5b6b7f)}
.r5-blk[open]>summary::before{transform:rotate(90deg)}
.r5-blkb{margin-top:8px}
.r5-blkb #myact .myact{margin-top:0!important}
@media (max-width:860px){.r5-gl{grid-template-columns:1fr 1fr;gap:8px}.r5-blk{margin:10px 0}}
.r5-blkb .myact>.row>h2{display:none}