.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}}
/* Simplified owner overview: visual sales and chatter-level payroll actions. */
.owner-quick-pay>header p{margin:5px 0 0;color:#91a2b9;font-size:11px}.owner-quick-pay>div{max-height:430px!important}.owner-quick-pay article.quick-pay-card{display:block;padding:0;overflow:hidden}.quick-pay-card>details>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:3px 14px;align-items:center;padding:15px;cursor:pointer;list-style:none}.quick-pay-card>details>summary::-webkit-details-marker,.quick-pay-log>summary::-webkit-details-marker{display:none}.quick-pay-card>details>summary:after{content:'›';grid-column:3;grid-row:1/3;color:#69adff;font-size:22px;transition:transform .2s}.quick-pay-card>details[open]>summary:after{transform:rotate(90deg)}.quick-pay-card>details>summary .quick-pay-name{font-size:16px;font-weight:900;color:#eef5ff}.quick-pay-card>details>summary>strong{font-size:18px;color:#69e4a6}.quick-pay-card>details>summary>small{grid-column:1/3}.quick-pay-detail{display:grid;gap:12px;padding:0 15px 15px;border-top:1px solid #203149}.quick-pay-totals{display:grid!important;grid-template-columns:repeat(5,1fr);gap:7px;padding-top:12px}.quick-pay-totals>span{padding:9px;border-radius:8px;background:#080d14}.quick-pay-totals small{font-size:8px}.quick-pay-totals b{font-size:12px}.quick-pay-log>summary{padding:10px 12px;border:1px solid #285285;border-radius:8px;color:#69adff;font-size:11px;font-weight:800;cursor:pointer}.quick-pay-log>div{display:grid;gap:7px;margin-top:8px}.quick-pay-shift{border:1px solid #203149;border-radius:9px;background:#080d14}.quick-pay-shift>summary{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;cursor:pointer}.quick-pay-shift>summary span:last-child{text-align:right}.quick-pay-sales{padding:10px;border-top:1px solid #203149}.quick-pay-sales header{display:flex;justify-content:space-between}.quick-pay-sales ul{display:grid;gap:5px;margin:8px 0 0;padding:0;list-style:none}.quick-pay-sales li{display:flex;justify-content:space-between;gap:10px;padding:7px;border-radius:6px;background:#0d1623;font-size:10px}.quick-pay-sales li.empty{color:#8292aa}.quick-pay-sales p{margin:8px 0 0;color:#91a2b9;font-size:10px}.quick-pay-detail>button{width:100%}@media(max-width:650px){.quick-pay-totals{grid-template-columns:repeat(2,1fr)}.quick-pay-shift>summary{grid-template-columns:1fr}.quick-pay-shift>summary span:last-child{text-align:left}}
.owner-chatter-overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:18px;margin-bottom:22px}.owner-sales-chart,.owner-quick-pay{padding:20px;border:1px solid #263a56;border-radius:16px;background:#090f18}.owner-sales-chart header,.owner-quick-pay>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.owner-sales-chart h3,.owner-quick-pay h3{margin:4px 0}.owner-sales-chart header>strong{font-size:24px;color:#69e4a6}.owner-chart-bars{height:230px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;padding-top:28px;border-bottom:1px solid #263a56}.owner-chart-bars>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.owner-chart-bars span{width:min(48px,80%);min-height:3px;position:relative;border-radius:8px 8px 2px 2px;background:linear-gradient(#69adff,#1687ff);box-shadow:0 0 22px #1687ff33}.owner-chart-bars b{position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px);font-size:9px;white-space:nowrap;color:#cddbec}.owner-chart-bars small{font-size:10px;color:#91a2b9}.owner-quick-pay>header>small{color:#91a2b9}.owner-quick-pay>div{display:flex;flex-direction:column;gap:9px;margin-top:16px;max-height:260px;overflow:auto}.owner-quick-pay article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;border:1px solid #203149;border-radius:11px;background:#0d1623}.owner-quick-pay article span{display:flex;flex-direction:column}.owner-quick-pay article small,.owner-quick-pay article em{color:#91a2b9;font-size:10px;font-style:normal}.owner-quick-pay article button{padding:9px 11px;white-space:nowrap}@media(max-width:900px){.owner-chatter-overview{grid-template-columns:1fr}.owner-chart-bars{height:190px}.owner-quick-pay article{grid-template-columns:1fr auto}.owner-quick-pay article button{grid-column:1/-1}}
.chatter-directory>.chatter-active-grid,.chatter-removed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.chatter-directory>.chatter-active-grid{grid-column:1/-1}.removed-chatter-list{grid-column:1/-1;margin-top:12px;border:1px solid #34435a;border-radius:16px;background:#0b121d;overflow:hidden}.removed-chatter-list>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;cursor:pointer;list-style:none}.removed-chatter-list>summary::-webkit-details-marker{display:none}.removed-chatter-list>summary span{display:flex;flex-direction:column;gap:4px}.removed-chatter-list>summary b{font-size:20px}.removed-chatter-list>summary small{color:#91a2b9}.removed-chatter-list>summary>strong{display:grid;place-items:center;min-width:42px;height:42px;border-radius:12px;background:#263449;color:#fff}.chatter-removed-grid{padding:0 20px 20px}.chatter-archived-card{opacity:.9;background:linear-gradient(145deg,#151a23,#0a0d12)}.archived-chatter-banner{margin:0 20px 18px;padding:16px 18px;border:1px solid #b58b3a;border-radius:12px;background:#2b2110;color:#ffd98c}.archived-chatter-banner>div{display:flex;flex-direction:column;gap:5px}.archived-chatter-banner small{color:#e6c98d}.archived-removal-note{margin-top:16px;padding:16px;border:1px solid #34435a;border-radius:12px;background:#111a27}.archived-removal-note small{color:#91a2b9}.archived-removal-note p{margin:7px 0 0}