.brand{margin:2px 8px 33px;min-height:35px;display:flex;align-items:center}.br-logo{display:block;width:100%;height:auto;max-height:42px;object-fit:contain}.insights-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:15px}.insights-heading h1{font-size:30px;margin-top:8px;color:#343a42}.insights-heading p{color:#8a9199;font-size:12px;margin-top:7px}.insight-toolbar{align-items:center;gap:14px}.insight-tabs{background:#dfe3e64d;border:1px solid #fff8;padding:5px;border-radius:26px;gap:3px}.insight-tabs .btn{background:transparent;border-color:transparent;box-shadow:none;padding:9px 15px;font-size:11px}.insight-tabs .btn.primary{background:#ffffffdb;border-color:#fff;box-shadow:0 3px 10px #394f6410;color:#4c6e8e}.insight-context{display:flex;justify-content:space-between;color:#9299a1;font-size:10px;margin:18px 2px}.insight-context i{display:inline-block;width:5px;height:5px;background:#a8bbce;border-radius:50%;margin-right:6px}.signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.signal{padding:23px;display:flex;flex-direction:column;gap:14px;min-width:0}.signal>span{font-size:11px;color:#7a848f}.signal>strong{font:600 34px Manrope,sans-serif;letter-spacing:-1.5px;color:#3b4652}.signal small{font-size:10px;color:#939ba4}.plots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plot-wide{grid-column:span 2}.plot-card{padding:23px;min-width:0}.plot-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:19px}.plot-head h2{font-size:14px;font-weight:600;color:#495460}.plot-head>span{font-size:8px;letter-spacing:.6px;color:#a0a7ae;white-space:nowrap}.insight-line{width:100%;height:240px;display:block}.insight-line text{font:9px 'DM Sans',sans-serif;fill:#9ca5ae}.column-plot{height:235px;display:flex;gap:16px;align-items:stretch;padding:8px 5px 0}.plot-column{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px}.plot-column>strong{font-size:12px;color:#667786;font-weight:500}.column-space{height:155px;width:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #dce0e5}.column-space i{display:block;min-height:0;width:min(65%,54px);border-radius:7px 7px 0 0;opacity:.85}.plot-column>span{font-size:10px;color:#89939d;text-align:center;line-height:1.4}.horizontal-plot{display:flex;flex-direction:column;gap:24px;padding:17px 0}.horizontal-plot>div>div:first-child{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:#7a8793;margin-bottom:9px}.horizontal-plot strong{color:#516273;font-size:12px}.horizontal-track{height:11px;border-radius:10px;background:#e4e8ec85;overflow:hidden}.horizontal-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#a6b9ca,#c4d0da)}.ring-layout{display:flex;gap:16px;align-items:center;min-height:235px}.ring-layout svg{width:48%;max-width:190px}.ring-layout svg text{font:10px 'DM Sans';fill:#8a959f}.ring-layout svg .ring-total{font:600 27px Manrope;fill:#52606c}.ring-layout>div{flex:1}.ring-layout p{display:flex;gap:7px;align-items:center;font-size:10px;color:#84909a;margin:15px 0}.ring-layout p strong{margin-left:auto;color:#586776}.ring-layout p i{width:7px;height:7px;flex-shrink:0;border-radius:50%}.retention-plots{grid-template-columns:repeat(2,minmax(0,1fr))}.pending-metrics{display:grid;gap:20px;padding-top:10px}.pending-metrics>div{display:flex;justify-content:space-between;color:#8b959f;font-size:12px;border-bottom:1px solid #dce0e570;padding-bottom:13px}.pending-metrics strong{font-size:20px;font-weight:400}.pending-metrics small,.quiet-empty small{font-size:10px;color:#a0a6ac;line-height:1.7}.quiet-empty{min-height:220px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:15px;font-size:13px;color:#909aa5}.marketing-switch{display:flex;gap:7px;margin:0 0 17px}.marketing-switch .btn{font-size:10px;padding:7px 15px}.social-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:65px 25px;min-height:350px}.social-empty h2{color:#626f7b}.social-empty p{color:#8c97a2;font-size:12px}.social-empty small{color:#a1a8af}.social-empty>span{background:#e3e9f0;padding:14px;border-radius:50%;color:#8ba7c0}.source-cards{display:grid;gap:15px}.source-cards>div{border:1px solid #fff;background:#ffffff70;border-radius:15px;padding:16px}.source-cards strong{font-size:13px;color:#536475}.source-cards p{font-size:12px;margin:7px 0;color:#728293}.source-cards small{font-size:10px;color:#909aa5;line-height:1.6}
/* Every cell picker is a pill; its menu stays separate from the grid. */
.work-grid select[hidden],.kanban-card select[hidden]{display:none!important}.work-grid .cell-picker,.kanban-card .cell-picker{height:29px;border-radius:999px!important;padding:4px 12px;background:linear-gradient(145deg,#ffffffed,#e8ecf1c7);border:1px solid #ffffff;box-shadow:inset 0 1px 1px white,0 2px 6px #3543540b;outline-offset:2px}.work-grid .status-picker{background:linear-gradient(145deg,#edf3f9,#e1eaf3);color:#627b92}.cell-picker:focus-visible{outline:2px solid #b5cce2}.cell-menu{border-radius:22px;padding:8px;background:linear-gradient(140deg,#fffffff7,#f0f2f5f5);box-shadow:0 16px 45px #23384d22;scrollbar-width:thin;scrollbar-color:#ccd3db transparent}.cell-menu button{border-radius:999px;padding:9px 13px;font-size:11px;min-height:34px}.cell-menu button[aria-selected=true]{background:#e3ecf5;color:#6383a1}.cell-menu button:hover{background:#e9edf2}.cell-menu .checkmark{color:#83a6c8}
@media(max-width:1100px){.plots{grid-template-columns:repeat(2,minmax(0,1fr))}.plot-wide{grid-column:span 2}.signal{padding:18px}.signal>strong{font-size:28px}.insight-toolbar .row{flex-wrap:wrap}.plot-head{flex-wrap:wrap}.ring-layout{gap:8px}}
@media(max-width:760px){.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plots{grid-template-columns:1fr}.plot-wide{grid-column:auto}.insights-heading{align-items:flex-start}.insights-heading .btn{font-size:10px}.insight-tabs .btn{padding:8px 10px}.signal>strong{font-size:27px}.plot-card{padding:18px}.insight-context{font-size:9px}.insights-heading h1{font-size:27px}}
@media(min-width:1101px){.plots:not(.retention-plots){grid-template-columns:repeat(6,minmax(0,1fr))}.plots:not(.retention-plots)>.plot-card{grid-column:span 2}.plots:not(.retention-plots)>.plot-wide{grid-column:span 4}.plots:not(.retention-plots)>.plot-card:nth-child(n+3){grid-column:span 3}}