.os-page {
  display: grid;
  gap: 16px;
  color: #eaf2ff;
}
.os-page[hidden] {
  display: none !important;
}
.os-page * {
  box-sizing: border-box;
}
.os-head,
.os-toolbar,
.os-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.os-head h2 {
  margin: 3px 0;
  font-size: 30px;
  line-height: 1.1;
}
.os-head p,
.os-subtle {
  margin: 0;
  color: #8798ad;
  font-size: 14px;
}
.os-eyebrow {
  color: #35c8ff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.12em;
}
.os-actions,
.os-filters {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}
.os-live-indicator{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #19563f;border-radius:10px;background:#09271d;color:#57e6a8;font-weight:900}.os-live-indicator i{width:9px;height:9px;border-radius:50%;background:#57e6a8;box-shadow:0 0 12px #57e6a8;animation:osLivePulse 1.8s infinite}.os-live-indicator small{color:#8db8a5;font-weight:600}@keyframes osLivePulse{50%{opacity:.35;transform:scale(.8)}}
.os-page button,
.os-page input,
.os-page select {
  min-height: 44px;
  border: 1px solid #243a53;
  border-radius: 10px;
  background: #0d1826;
  color: #eef6ff;
  font: inherit;
}
.os-page button {
  padding: 0 15px;
  font-weight: 800;
  cursor: pointer;
}
.os-page button.primary {
  border-color: #368eff;
  background: #287ff0;
}
.os-page button.danger {
  border-color: #75313b;
  background: #2c1117;
  color: #ff9aa5;
}
.os-page input,
.os-page select {
  padding: 0 12px;
}
.os-card {
  min-width: 0;
  border: 1px solid #1b3047;
  border-radius: 16px;
  background: #0c1624;
  box-shadow: 0 16px 40px #0002;
}
.os-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.os-kpi {
  padding: 16px;
}
.os-kpi span {
  color: #8798ad;
  font-size: 12px;
  font-weight: 800;
}
.os-kpi strong {
  display: block;
  margin: 9px 0 5px;
  font-size: 25px;
}
.os-kpi small {
  color: #71849b;
}
.os-good {
  color: #48dfa0 !important;
}
.os-warn {
  color: #f0c453 !important;
}
.os-bad {
  color: #ff6879 !important;
}
.os-panel {
  padding: 16px;
}
.os-panel h3 {
  margin: 0;
  font-size: 18px;
}
.os-table-wrap {
  overflow: auto;
  border-radius: 16px;
}
.os-table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
.os-table th,
.os-table td {
  padding: 14px 13px;
  border-bottom: 1px solid #172a40;
  text-align: right;
  font-size: 15px;
}
.os-table th {
  color: #8495aa;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.os-table th:first-child,
.os-table td:first-child {
  text-align: left;
}
.os-table tbody tr[data-open] {
  cursor: pointer;
}
.os-table tbody tr[data-open]:hover {
  background: #11243a;
}
.os-table tbody tr[data-os-app-row]{cursor:pointer}.os-table tbody tr[data-os-app-row]:hover,.os-table tbody tr[data-os-app-row]:focus{background:#11243a;outline:2px solid #287ff0;outline-offset:-2px}.os-open-hint{display:block;margin:7px 0 0 46px;color:#56cfff;font-weight:800}.os-link-button{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border:1px solid #243a53;border-radius:10px;background:#0d1826;color:#eef6ff;text-decoration:none;font-weight:800}
.os-modal-shell{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px}.os-modal-backdrop{position:absolute;inset:0;border:0;background:#02060dd9}.os-modal{position:relative;width:min(1000px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:28px;border:1px solid #31577e;border-radius:20px;background:#09131f;color:#eef6ff;box-shadow:0 30px 90px #000b}.os-modal-close{position:sticky;float:right;top:0;z-index:2;width:48px;height:48px;border:1px solid #38506b;border-radius:12px;background:#142235;color:#fff;font-size:30px;cursor:pointer}.os-modal-head h2{margin:6px 0;font-size:32px}.os-modal-head p{color:#9aabc0}.os-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.os-detail-grid article{padding:16px;border:1px solid #203852;border-radius:12px;background:#101c2b;overflow-wrap:anywhere}.os-detail-grid small{display:block;margin-bottom:7px;color:#58cfff;font-weight:900;text-transform:uppercase}.os-modal-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid #203852}.os-modal button,.os-modal input,.os-modal select,.os-modal textarea{min-height:46px;padding:10px 13px;border:1px solid #31506f;border-radius:10px;background:#0c1928;color:#fff;font:inherit}.os-modal button{font-weight:800;cursor:pointer}.os-modal .primary{background:#287ff0}.os-modal .danger{background:#3b1520;color:#ff9eaa}.os-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.os-builder-grid label{display:grid;gap:7px;font-weight:800}.os-builder-grid .os-full{grid-column:1/-1}.os-toggle{display:flex!important;align-items:center;gap:10px}.os-toggle input{width:22px;min-height:22px}.os-builder-questions{margin-top:25px}.os-builder-questions>div:first-child{display:flex;justify-content:space-between;align-items:center}.os-question-editor{display:grid;grid-template-columns:2fr 1fr .7fr 1fr 2fr auto;gap:9px;align-items:end;margin-top:10px;padding:12px;border:1px solid #203852;border-radius:12px}.os-question-editor label{display:grid;gap:4px}.os-modal-actions small{color:#58e2a6;font-weight:800}@media(max-width:700px){.os-modal-shell{padding:8px}.os-modal{max-height:calc(100dvh - 16px);padding:18px}.os-detail-grid,.os-builder-grid,.os-question-editor{grid-template-columns:1fr}.os-builder-grid .os-full{grid-column:auto}.os-modal-head h2{font-size:25px}}
.os-person {
  display: flex;
  align-items: center;
  gap: 10px;
}
.os-avatar {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #287ff0;
  color: white;
  font-weight: 900;
}
.os-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #112237;
  color: #a9bad0;
  font-size: 12px;
  font-weight: 800;
}
.os-badge.good {
  background: #0d3227;
  color: #53e5a6;
}
.os-badge.warn {
  background: #352b12;
  color: #f0c453;
}
.os-badge.bad {
  background: #35151c;
  color: #ff7b89;
}
.os-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.7fr);
  gap: 12px;
}
.os-list {
  display: grid;
  gap: 8px;
}
.os-list button {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  text-align: left;
  padding: 12px;
}
.os-empty,
.os-loading,
.os-error {
  padding: 40px;
  text-align: center;
  color: #8495aa;
}
.os-error {
  color: #ff8b98;
}
.os-tabs {
  justify-content: flex-start;
  padding: 4px;
  border: 1px solid #1b3047;
  border-radius: 12px;
  background: #09121e;
}
.os-tabs button {
  border: 0;
  background: transparent;
}
.os-tabs button.active {
  background: #15365b;
  color: #fff;
}
.os-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(210px, 1fr));
  gap: 10px;
  overflow: auto;
}
.os-column {
  min-height: 360px;
  padding: 12px;
}
.os-column h3 {
  display: flex;
  justify-content: space-between;
}
.os-sale-mix {
  display: grid;
  gap: 10px;
}
.os-payroll-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.os-payroll-controls>input{width:min(420px,100%)}.os-row-actions{display:flex;gap:8px}.os-row-actions button{white-space:nowrap}@media(max-width:700px){.os-payroll-controls{align-items:stretch;flex-direction:column}.os-payroll-controls .os-tabs{overflow:auto}.os-row-actions{flex-direction:column}}
.os-bar {
  height: 8px;
  border-radius: 99px;
  background: #13253a;
  overflow: hidden;
}
.os-bar i {
  display: block;
  height: 100%;
  background: #32bdf5;
  border-radius: inherit;
}
.os-nav-active {
  background: #102d4c !important;
  color: #fff !important;
  box-shadow: inset 3px 0 #31c6ff;
}
.owner-mode .od-owner-nav button b {
  display: none;
}
.owner-mode .od-owner-nav button span {
  width: 18px;
  text-align: center;
  color: #38c9ff;
}
.os-mobile-card {
  display: none;
}
@media (max-width: 1050px) {
  .os-kpis {
    grid-template-columns: repeat(2, 1fr);
  }
  .os-grid {
    grid-template-columns: 1fr;
  }
  .os-board {
    grid-template-columns: repeat(4, 260px);
  }
}
@media (max-width: 760px) {
  .os-page {
    gap: 12px;
  }
  .os-head,
  .os-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .os-head h2 {
    font-size: 25px;
  }
  .os-actions,
  .os-filters {
    display: grid;
    grid-template-columns: 1fr;
  }
  .os-page button,
  .os-page input,
  .os-page select {
    width: 100%;
  }
  .os-kpis {
    grid-template-columns: 1fr 1fr;
  }
  .os-table {
    min-width: 760px;
  }
  .os-tabs {
    overflow: auto;
  }
  .os-tabs button {
    width: auto;
    white-space: nowrap;
  }
  .os-board {
    grid-template-columns: repeat(4, 82vw);
  }
}
@media (max-width: 430px) {
  .os-kpis {
    grid-template-columns: 1fr;
  }
  .os-kpi strong {
    font-size: 23px;
  }
}
body.owner-mode.owner-dashboard-v2-ready
  #agency-dashboard-view.active
  > #owner-suite-v3:not([hidden]) {
  display: grid !important;
}
body.owner-mode.owner-dashboard-v2-ready main > header {
  height: 68px;
  margin: 0 0 18px;
  border-bottom: 1px solid #182b40;
  background: #070d15;
}
body.owner-mode.owner-dashboard-v2-ready main > header .page-heading {
  display: none;
}
body.owner-mode.owner-dashboard-v2-ready main > header:before {
  content: "Afterhrs Media  /  Owner Workspace";
  color: #7f91a8;
  font-size: 12px;
  font-weight: 700;
}
body.owner-mode.owner-dashboard-v2-ready main > header .owner-header-actions {
  margin-left: auto;
}
body.owner-mode.owner-dashboard-v2-ready main > header .theme-toggle {
  display: none;
}
.os-chatter-tabs {
  margin: 0 0 20px;
  padding: 6px;
  border: 1px solid #26364d;
  border-radius: 14px;
  background: #111b2a;
}
.os-chatter-tabs button {
  min-height: 48px;
  font-size: 15px;
  font-weight: 800;
}
.os-inline-form {
  max-width: 850px;
  padding: 26px;
}
.os-inline-form > div {
  margin-bottom: 20px;
}
.os-inline-form h3 {
  margin: 0 0 7px;
  font-size: 24px;
}
.os-inline-form form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.os-inline-form label {
  display: grid;
  gap: 8px;
  font-weight: 750;
}
.os-inline-form input {
  min-height: 50px;
  font-size: 17px;
}
.os-inline-form form > small {
  grid-column: 1/-1;
  min-height: 24px;
  color: #9aabc0;
}
.os-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.os-row-actions button {
  min-height: 40px;
  padding: 8px 12px;
}
.os-application-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.os-application-summary button{min-height:88px;padding:14px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.os-application-summary button span{color:#91a4bb;font-weight:800}.os-application-summary button strong{font-size:28px}.os-application-summary button.active{border-color:#35c8ff;background:#12345b;box-shadow:inset 0 0 0 1px #35c8ff}.os-application-summary button.active span{color:#8ee7ff}.os-results-line{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#91a4bb}.os-results-line b{color:#eef6ff}.os-application-toolbar input{min-width:320px}
@media(max-width:900px){.os-application-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.os-application-toolbar{align-items:stretch;flex-direction:column}.os-application-toolbar .os-filters,.os-application-toolbar .os-actions{width:100%}.os-application-toolbar input{min-width:0;flex:1}}
@media(max-width:520px){.os-application-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.os-results-line{align-items:flex-start;flex-direction:column}.os-application-toolbar .os-filters{display:grid;grid-template-columns:1fr}.os-application-toolbar .os-actions{display:grid;grid-template-columns:1fr}.os-application-toolbar input{width:100%}}
/* Compact, decision-focused application queue. */
.os-application-summary{gap:8px}.os-application-summary button{min-height:72px;padding:12px 14px;flex-direction:row;align-items:center}.os-application-summary button strong{font-size:25px}
.os-application-tools{padding:18px}.os-application-health{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.os-application-health span{padding:9px 12px;border:1px solid #243a53;border-radius:10px;background:#0b1623;color:#9fb0c4}.os-application-health b{margin-right:5px;color:#eef6ff}.os-application-health .needs-attention{border-color:#8c6530;background:#281c0d;color:#ffc66b}.os-application-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px}.os-application-toolbar .os-filters{display:flex;align-items:end;gap:10px;flex:1}.os-application-toolbar label{display:grid;gap:6px;color:#91a4bb;font-size:13px;font-weight:800}.os-search-field{flex:1}.os-search-field input{width:100%}.os-application-queue{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.os-application-card{min-width:0;padding:20px;border:1px solid #243a53;border-radius:16px;background:linear-gradient(145deg,#0d1928,#09111c);box-shadow:0 12px 30px #0002;cursor:pointer;transition:border-color .16s,transform .16s,box-shadow .16s}.os-application-card:hover,.os-application-card:focus{transform:translateY(-2px);border-color:#438ef4;box-shadow:0 16px 40px #0005;outline:2px solid #287ff0;outline-offset:2px}.os-application-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.os-application-card .os-person{min-width:0}.os-application-card .os-person>div{min-width:0}.os-application-card .os-person b,.os-application-card .os-person .os-subtle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-application-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:17px 0}.os-application-facts>span{min-width:0;padding:11px;border:1px solid #1d3048;border-radius:10px;background:#08111d}.os-application-facts small,.os-application-facts b,.os-application-facts em{display:block}.os-application-facts small{margin-bottom:5px;color:#71869f;font-size:11px;font-weight:900;letter-spacing:.05em}.os-application-facts b{overflow:hidden;color:#e9f2ff;text-overflow:ellipsis;white-space:nowrap}.os-application-facts em{margin-top:3px;overflow:hidden;color:#8fa2ba;font-size:13px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.os-application-card>footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.os-application-card>footer button{min-height:42px;padding:8px 12px}.os-application-card>footer span{color:#8fa2ba;font-size:13px}.os-application-empty{grid-column:1/-1;padding:45px;text-align:center}.os-application-empty b,.os-application-empty span{display:block}.os-application-empty span{margin-top:7px;color:#91a4bb}
@media(max-width:1100px){.os-application-queue{grid-template-columns:1fr}.os-application-toolbar{align-items:stretch;flex-direction:column}.os-application-toolbar .os-filters,.os-application-toolbar .os-actions{width:100%}.os-application-toolbar input{min-width:0}}
@media(max-width:520px){.os-application-summary button{min-height:66px}.os-application-toolbar .os-filters,.os-application-toolbar .os-actions{display:grid;grid-template-columns:1fr}.os-application-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.os-application-card{padding:15px}.os-application-card>footer{display:grid;grid-template-columns:1fr 1fr}.os-application-card>footer button{width:100%}.os-application-card>footer .primary,.os-application-card>footer span{grid-column:1/-1}}
.os-reply {
  margin-top: 9px;
  padding: 10px;
  border-left: 3px solid #55e3bd;
  border-radius: 6px;
  background: #55e3bd12;
  color: #c8f8e9;
}
@media (max-width: 700px) {
  .os-inline-form {
    padding: 18px;
  }
  .os-inline-form form {
    grid-template-columns: 1fr;
  }
  .os-inline-form form > small {
    grid-column: 1;
  }
  .os-chatter-tabs {
    display: flex;
    overflow-x: auto;
  }
  .os-chatter-tabs button {
    flex: 0 0 auto;
  }
}
.os-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.os-quick-grid button{min-height:110px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.os-quick-grid button b{font-size:2rem;color:var(--os-accent,#48c9ff)}.os-quick-grid button span{font-weight:800}.os-chatter-tabs{overflow-x:auto;scrollbar-width:thin}.os-chatter-tabs button{white-space:nowrap}
@media(max-width:700px){.os-quick-grid{grid-template-columns:1fr}.os-quick-grid button{min-height:88px}}
.os-fired-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:4px 0 18px;padding:20px 22px;border:1px solid #34435a;border-radius:16px;background:#0b121d}.os-fired-intro h3{margin:4px 0 6px;font-size:24px}.os-fired-intro p{max-width:760px;margin:0;color:#91a2b9;line-height:1.5}.os-fired-intro>strong{display:grid;place-items:center;min-width:48px;height:48px;border-radius:12px;background:#263449;color:#fff;font-size:20px}@media(max-width:600px){.os-fired-intro{align-items:flex-start}.os-fired-intro h3{font-size:21px}}