.chatter-directory{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))!important;gap:18px!important}.chatter-directory-card{min-height:230px;padding:22px;text-align:left;color:#eef5ff;border:1px solid #253751;border-radius:16px;background:linear-gradient(145deg,#101b2b,#080d15);display:flex;flex-direction:column;gap:7px;box-shadow:0 10px 30px #0003}.chatter-directory-card:hover,.chatter-directory-card:focus-visible{transform:translateY(-3px);border-color:#69adff;box-shadow:0 18px 45px #0006}.chatter-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.chatter-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#1687ff;color:#fff;font-size:20px;font-weight:900}.chatter-live-state{font-size:10px;font-weight:900;letter-spacing:.1em;color:#69e4a6}.chatter-live-state:before{content:'';display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.chatter-live-state.inactive{color:#8795a8}.chatter-directory-card>strong{font-size:20px}.chatter-directory-card>small{color:#91a2b9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatter-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.chatter-card-metrics>span{padding:10px 8px;border:1px solid #203149;border-radius:10px;background:#080d14;display:flex;flex-direction:column}.chatter-card-metrics b{font-size:14px}.chatter-card-metrics small{font-size:8px;color:#8292aa}.chatter-card-open{margin-top:auto;color:#69adff;font-size:12px;font-weight:800}.owner-chatter-profile{border:1px solid #263a56;border-radius:18px;background:#090f18;padding:22px}.owner-chatter-profile-head{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.owner-chatter-profile-head h3{margin:4px 0;font-size:25px}.owner-chatter-profile-head p{margin:0;color:#91a2b9}.owner-live-badge{color:#69e4a6;font-size:12px;font-weight:800}.owner-live-badge i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#69e4a6;box-shadow:0 0 12px #69e4a6}.owner-chatter-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:22px 0}.owner-chatter-kpis article{padding:15px;border:1px solid #203149;border-radius:12px;background:#0d1623;display:flex;flex-direction:column}.owner-chatter-kpis small{color:#8292aa;font-size:9px}.owner-chatter-kpis strong{margin-top:6px;font-size:18px}.owner-chatter-settings{display:grid!important;grid-template-columns:1.2fr 1.2fr 1.2fr auto auto;gap:12px;align-items:end;padding:18px;border:1px solid #263a56;border-radius:14px;background:#0d1623}.owner-chatter-settings h4,.owner-chatter-settings .chatter-pay-note{grid-column:1/-1}.owner-profile-tabs{display:flex;gap:8px;margin:24px 0 12px;border-bottom:1px solid #263a56}.owner-profile-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#91a2b9}.owner-profile-tabs button.active{color:#fff;border-bottom-color:#69adff}.owner-record-list,.owner-pay-history{display:flex;flex-direction:column;gap:8px}.owner-record-row{display:grid;grid-template-columns:1fr .8fr 1.4fr 1fr 1fr .8fr auto;gap:10px;align-items:end;padding:12px;border:1px solid #203149;border-radius:12px;background:#0c141f}.owner-record-row label,.owner-record-row>span{display:flex;flex-direction:column;gap:4px}.owner-record-row small{font-size:9px;color:#8292aa}.owner-hours-row{grid-template-columns:1.4fr .8fr 2fr auto}.owner-pay-history article{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:15px;border:1px solid #203149;border-radius:12px}.owner-pay-history article span{display:flex;flex-direction:column}.owner-pay-history small{color:#8292aa}@media(max-width:900px){.owner-chatter-kpis{grid-template-columns:repeat(2,1fr)}.owner-chatter-settings,.owner-record-row,.owner-hours-row{grid-template-columns:1fr 1fr}.owner-chatter-profile-head{grid-template-columns:1fr}}
.owner-chatter-view{display:grid;gap:16px}.owner-view-banner{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px;border:1px solid #285285;border-radius:14px;background:linear-gradient(145deg,#10233b,#0a121d)}.owner-view-banner h4{margin:5px 0;font-size:22px}.owner-view-banner p{margin:0;color:#91a2b9}.owner-view-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.owner-view-grid article,.owner-view-sections article{padding:15px;border:1px solid #203149;border-radius:12px;background:#0d1623;display:flex;flex-direction:column;gap:6px}.owner-view-grid small,.owner-view-sections small{color:#8292aa;font-size:9px}.owner-view-grid strong{font-size:18px}.owner-view-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:900px){.owner-view-grid{grid-template-columns:repeat(2,1fr)}}
.owner-payroll{display:grid;gap:16px}.owner-payroll>header{display:flex;justify-content:space-between;align-items:center;gap:16px}.owner-payroll h4,.owner-payroll p{margin:0}.owner-payroll p,.owner-payroll>small{color:#91a2b9}.owner-pay-shifts{display:grid;gap:10px}.owner-pay-shift{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px;border:1px solid #203149;border-radius:12px;background:#0c141f;cursor:pointer}.owner-pay-shift:has(input:checked){border-color:#69adff;background:#10213a}.owner-pay-shift input{width:20px;height:20px}.owner-pay-shift span{display:flex;flex-direction:column;gap:4px}.owner-pay-shift span:last-child{text-align:right}.owner-pay-shift small{color:#91a2b9}.owner-payroll-totals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.owner-payroll-totals article{display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid #263a56;border-radius:12px;background:#0d1623}.owner-payroll-totals small{color:#8292aa;font-size:9px}.owner-payroll-totals strong{font-size:18px}@media(max-width:800px){.owner-payroll-totals{grid-template-columns:repeat(2,1fr)}.owner-payroll>header{align-items:stretch;flex-direction:column}.owner-pay-shift{grid-template-columns:auto 1fr}.owner-pay-shift span:last-child{grid-column:2;text-align:left}}