.ow-workspace {
  --ow-purple:#6b2d96;
  --ow-ink:#30243c;
  --ow-muted:#7b6b86;
  --ow-line:#e7dfed;
  color:var(--ow-ink);
  font-size:14px;
  line-height:1.55;
  max-width:1500px;
  margin:0 auto;
}

.ow-workspace *,.ow-workspace *::before,.ow-workspace *::after {
  box-sizing:border-box;
}

.ow-workspace [hidden] {
  display:none!important;
}

.ow-workspace h2,.ow-workspace h3,.ow-workspace h4,.ow-workspace p {
  margin:0;
}

.ow-workspace button,.ow-workspace input,.ow-workspace select,.ow-workspace textarea {
  font:inherit;
}

.ow-workspace button {
  cursor:pointer;
}

.ow-workspace button:disabled,.ow-workspace input:disabled,.ow-workspace select:disabled,.ow-workspace textarea:disabled {
  opacity:.55;
  cursor:default;
}

.ow-workspace :is(button,input,select,textarea,a,summary):focus-visible {
  outline:3px solid #ac79d0;
  outline-offset:3px;
}

.ow-sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.ow-hero {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  padding:30px 34px;
  margin-bottom:22px;
  border:1px solid #e8ddf0;
  border-radius:21px;
  background:radial-gradient(ellipse at 90% 80%,#e6cff5 0%,transparent 46%),linear-gradient(120deg,#f0e6f8,#fcf9fe 74%);
}

.ow-eyebrow {
  font-size:10px;
  letter-spacing:.15em;
  font-weight:750;
  color:#80559a;
}

.ow-hero h2 {
  font-size:clamp(28px,3vw,37px);
  letter-spacing:-.04em;
  line-height:1.2;
  margin:10px 0 12px;
}

.ow-hero p {
  max-width:700px;
  color:#75617f;
}

.ow-hero-glyph {
  font-size:48px;
  flex-shrink:0;
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
  border:1px solid white;
  border-radius:26px;
  background:#ffffffb8;
  color:#9762b8;
  transform:rotate(6deg);
}

.ow-notice {
  padding:13px 17px;
  margin:0 0 20px!important;
  background:#f7f0fc;
  border:1px solid #dfd0ec;
  border-radius:10px;
  color:#624576;
  overflow-wrap:anywhere;
}

.ow-notice.error {
  background:#fff5f4;
  border-color:#f0d4d2;
  color:#963f43;
}

.ow-metrics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}

.ow-metric {
  border:1px solid var(--ow-line);
  border-radius:13px;
  padding:18px 21px;
  background:white;
}

.ow-metric:first-child {
  background:#faf5fe;
  border-color:#e3d4f0;
}

.ow-metric>span {
  display:block;
  font-size:12px;
  color:var(--ow-muted);
}

.ow-metric>strong {
  display:block;
  margin-top:6px;
  font-size:27px;
  line-height:1.2;
  letter-spacing:-.04em;
  font-weight:650;
}

.ow-channels {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:22px;
}

.ow-channel {
  display:inline-flex;
  gap:8px;
  align-items:center;
  background:white;
  border:1px solid var(--ow-line);
  border-radius:8px;
  padding:8px 12px;
  font-size:11px;
  color:var(--ow-muted);
}

.ow-channel>strong {
  color:#654b75;
  font-weight:650;
}

.ow-dot {
  width:7px;
  height:7px;
  background:#a99eaf;
  border-radius:50%;
  flex-shrink:0;
}

.ow-dot.connected {
  background:#4d9b78;
}

.ow-panel {
  background:white;
  border:1px solid var(--ow-line);
  border-radius:15px;
  overflow:hidden;
  min-width:0;
}

.ow-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 13px;
  min-height:40px;
  border:1px solid var(--ow-line);
  border-radius:8px;
  background:white;
  color:#644c74;
  font-size:12px!important;
  line-height:1.3;
  font-weight:650!important;
  white-space:normal;
  text-align:center;
}

.ow-button:hover {
  background:#f8f2fc;
}

.ow-button.primary {
  background:var(--ow-purple);
  border-color:var(--ow-purple);
  color:white;
}

.ow-button.primary:hover {
  background:#562475;
}

.ow-text-button {
  border:0;
  background:none;
  color:#804da0;
  padding:0;
  min-height:30px;
  font-size:11px!important;
  text-align:left;
}

.ow-text-button:hover {
  text-decoration:underline;
}

.ow-icon-button {
  height:35px;
  width:35px;
  border:1px solid var(--ow-line);
  border-radius:7px;
  color:#765087;
  background:white;
  font-size:24px!important;
  line-height:1;
}

.ow-filters {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:end;
  padding:16px 19px;
  border-bottom:1px solid var(--ow-line);
}

.ow-filters label {
  flex:1 1 125px;
  min-width:0;
  font-size:11px;
  color:var(--ow-muted);
}

.ow-filters .ow-search {
  flex:2 1 250px;
}

.ow-workspace input,.ow-workspace select,.ow-workspace textarea {
  border:1px solid #e1d7e8;
  border-radius:8px;
  padding:10px 11px;
  min-height:40px;
  background:#fff;
  color:#594563;
  max-width:100%;
  width:100%;
  font-size:12px;
  line-height:1.4;
}

.ow-workspace textarea {
  resize:vertical;
}

.ow-inbox-layout {
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  min-height:640px;
}

.ow-case-sidebar {
  background:#fcfafd;
  border-right:1px solid var(--ow-line);
  min-width:0;
}

.ow-case-list {
  padding:12px 10px;
  max-height:760px;
  overflow:auto;
  scrollbar-width:thin;
}

.ow-case {
  display:block;
  width:100%;
  padding:15px 13px;
  border:1px solid transparent;
  border-radius:10px;
  background:none;
  text-align:left;
  color:var(--ow-ink);
  margin-bottom:5px;
  min-width:0;
}

.ow-case:hover {
  background:#f7effc;
}

.ow-case.selected {
  background:#f1e5f9;
  border-color:#e3cdee;
}

.ow-case-top,.ow-case-meta,.ow-case-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
}

.ow-case-top>strong {
  font-size:13px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

.ow-unread {
  font-size:10px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  display:grid;
  place-items:center;
  background:#8f55b1;
  color:#fff;
  border-radius:6px;
  flex-shrink:0;
}

.ow-case-preview {
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:12px;
  color:#8a7597;
  margin:5px 0 9px;
}

.ow-case-meta {
  align-items:start;
  font-size:9px;
  color:#957fa2;
  gap:5px;
}

.ow-case-meta time {
  text-align:right;
}

.ow-case-bottom {
  font-size:10px;
  color:#917b9d;
  margin-top:9px;
}

.ow-badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 7px;
  border:1px solid #e8dff0;
  border-radius:5px;
  background:#f6f1fa;
  color:#86639a;
  font-size:10px;
  font-weight:650;
  line-height:1.5;
  white-space:nowrap;
}

.ow-badge.connected,.ow-badge.sent,.ow-badge.done,.ow-badge.resolved {
  background:#eef8f2;
  border-color:#d7ebdf;
  color:#548267;
}

.ow-badge.offline,.ow-badge.failed {
  background:#fff3f2;
  border-color:#f1d9d5;
  color:#ae6661;
}

.ow-badge.degraded,.ow-badge.stale,.ow-badge.pending,.ow-badge.unknown {
  background:#fff8ec;
  border-color:#efe2c7;
  color:#a2834a;
}

.ow-badge.human {
  background:#f2e8fb;
  border-color:#e5d4ef;
  color:#9062aa;
}

.ow-case-detail {
  min-width:0;
  padding:25px 26px;
}

.ow-detail-heading {
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:15px;
}

.ow-detail-heading h3 {
  font-size:22px;
  font-weight:650;
  letter-spacing:-.025em;
  margin:6px 0 10px;
  overflow-wrap:anywhere;
}

.ow-tags {
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}

.ow-stage {
  font-size:10px;
  color:#9a84a6;
}

.ow-context {
  display:grid;
  grid-template-columns:1fr 1.7fr;
  gap:12px;
  background:#faf7fc;
  padding:14px 15px;
  margin:18px 0;
  border:1px solid #eee6f3;
  border-radius:9px;
}

.ow-context>div {
  min-width:0;
}

.ow-context span {
  display:block;
  color:#9a84a6;
  font-size:10px;
  margin-bottom:3px;
}

.ow-context strong {
  display:block;
  font-size:11px;
  color:#786087;
  font-weight:550;
  overflow-wrap:anywhere;
}

.ow-actions {
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}

.ow-actions .ow-button {
  min-height:35px;
  padding:7px 10px;
  font-size:10px!important;
}

.ow-status-label {
  display:flex;
  align-items:center;
  gap:6px;
  font-size:10px;
  color:var(--ow-muted);
}

.ow-status-label select {
  width:auto;
  min-height:35px;
  padding:7px;
  font-size:10px;
}

.ow-handover>p {
  font-size:10px;
  color:#9b86a5;
  margin:10px 0 19px;
}

.ow-transcript {
  min-height:220px;
  max-height:520px;
  overflow:auto;
  padding:8px 5px 16px;
  margin:-5px;
  scrollbar-width:thin;
}

.ow-message {
  max-width:90%;
  background:#f6f1fa;
  border:1px solid #ede3f3;
  padding:13px 15px;
  border-radius:12px 12px 12px 3px;
  margin-bottom:14px;
  width:fit-content;
  min-width:145px;
  overflow-wrap:anywhere;
}

.ow-message.agent {
  margin-left:auto;
  background:#efe3f7;
  border-color:#e5d3f0;
  border-radius:12px 12px 3px 12px;
}

.ow-message.bot {
  margin-left:auto;
  background:#f8f5fa;
  border-radius:12px 12px 3px 12px;
}

.ow-message-meta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  font-size:9px;
  color:#9b86a6;
}

.ow-message-meta strong {
  color:#876794;
  font-weight:600;
}

.ow-message-text {
  white-space:pre-wrap;
  font-size:12px;
  line-height:1.7;
  margin:7px 0!important;
}

.ow-message-state {
  font-size:8px;
  color:#a18aab;
  display:block;
  text-align:right;
  letter-spacing:.04em;
}

.ow-message-state.failed,.ow-message-state.unknown {
  color:#aa7663;
}

.ow-composer {
  margin-top:15px;
  padding-top:16px;
  border-top:1px solid var(--ow-line);
}

.ow-composer>label {
  font-size:11px;
  font-weight:600;
  display:block;
  margin-bottom:8px;
  color:#81648f;
}

.ow-composer textarea {
  min-height:88px;
}

.ow-composer-footer {
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  margin-top:9px;
}

.ow-composer-footer>span {
  font-size:9px;
  color:#a08bac;
}

.ow-activity {
  border-top:1px solid #eee5f3;
  margin-top:21px;
  padding-top:13px;
  font-size:11px;
  color:#90779f;
}

.ow-activity summary {
  cursor:pointer;
}

.ow-activity ol {
  margin:10px 0;
  padding-left:18px;
}

.ow-activity li {
  margin:10px 0;
}

.ow-activity time {
  display:block;
  font-size:9px;
  color:#a490ae;
  margin-top:3px;
}

.ow-pagination {
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  padding:14px 18px;
  border-top:1px solid var(--ow-line);
  font-size:10px;
  color:#9a86a4;
}

.ow-pagination>div {
  display:flex;
  gap:6px;
}

.ow-pagination .ow-button {
  min-height:31px;
  padding:6px 9px;
  font-size:10px!important;
}

.ow-case-sidebar .ow-pagination {
  flex-direction:column;
  align-items:stretch;
  padding:12px;
}

.ow-case-sidebar .ow-pagination>div {
  justify-content:space-between;
}

.ow-loading {
  text-align:center;
  padding:48px 22px;
  color:#91779f;
  font-size:13px;
}

.ow-empty {
  text-align:center;
  padding:45px 22px;
  color:#9a85a5;
}

.ow-empty>span {
  display:block;
  font-size:30px;
  color:#bb9ccc;
  margin-bottom:10px;
}

.ow-empty h3 {
  font-size:17px;
  letter-spacing:-.02em;
  color:#795a8b;
  margin-bottom:9px;
}

.ow-empty p {
  max-width:390px;
  margin:auto;
  font-size:12px;
  line-height:1.8;
}

.ow-section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.ow-section-heading h3 {
  font-size:21px;
  font-weight:600;
  letter-spacing:-.025em;
}

.ow-section-heading p {
  font-size:12px;
  color:#95809f;
  margin-top:5px;
}

.ow-space-top {
  margin-top:29px;
}

.ow-table-wrap {
  overflow-x:auto;
}

.ow-table {
  width:100%;
  border-collapse:collapse;
  min-width:720px;
}

.ow-table th {
  text-align:left;
  background:#faf7fc;
  color:#9780a3;
  font-size:10px;
  font-weight:600;
  padding:13px 20px;
  border-bottom:1px solid var(--ow-line);
}

.ow-table td {
  padding:18px 20px;
  font-size:11px;
  color:#82698f;
  border-bottom:1px solid #f1eaf5;
  vertical-align:middle;
}

.ow-table tr:last-child td {
  border-bottom:0;
}

.ow-table strong {
  font-weight:600;
  color:#70547e;
}

.ow-table small {
  display:block;
  font-size:9px;
  color:#a28bae;
  margin-top:4px;
}

.ow-table .ow-button {
  font-size:10px!important;
  min-height:34px;
  padding:7px 10px;
}

.ow-planner-layout {
  display:grid;
  grid-template-columns:290px minmax(0,1fr);
  gap:20px;
  align-items:start;
}

.ow-calendar-panel {
  padding:20px;
}

.ow-calendar-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  margin-bottom:14px;
}

.ow-calendar-heading h4 {
  font-size:13px;
  font-weight:600;
}

.ow-calendar {
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:3px;
  margin-bottom:18px;
}

.ow-calendar>span,.ow-calendar>button {
  min-width:0;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  font-size:11px;
}

.ow-calendar .ow-weekday {
  color:#b29cbe;
  font-size:9px;
}

.ow-calendar button {
  border:1px solid transparent;
  background:none;
  color:#8a7098;
  border-radius:7px;
}

.ow-calendar button:hover {
  background:#f5edf9;
}

.ow-calendar button.today {
  border-color:#dac4e9;
  color:#8e55ae;
  font-weight:700;
}

.ow-calendar button.selected {
  background:#8951ab;
  color:white;
  border-color:#8951ab;
}

.ow-calendar-panel>.ow-button {
  width:100%;
}

.ow-calendar-panel>p {
  text-align:center;
  margin-top:13px;
}

.ow-agenda .ow-filters {
  padding:16px;
}

.ow-agenda .ow-filters label {
  flex:1 1 115px;
}

.ow-task-list {
  padding:0 18px;
}

.ow-task {
  display:flex;
  align-items:start;
  gap:13px;
  padding:21px 2px;
  border-bottom:1px solid #eee6f3;
  min-width:0;
}

.ow-task:last-child {
  border-bottom:0;
}

.ow-task-icon {
  display:grid;
  place-items:center;
  flex-shrink:0;
  width:23px;
  height:23px;
  border:1px solid #dfcdeb;
  border-radius:7px;
  color:#b392c5;
  font-size:16px;
}

.ow-task-icon.done {
  background:#f0e7f8;
  color:#9060ac;
}

.ow-task-body {
  min-width:0;
  flex:1;
}

.ow-task-heading {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.ow-task-heading h4 {
  font-size:13px;
  overflow-wrap:anywhere;
  font-weight:600;
}

.ow-task-notes {
  font-size:11px;
  white-space:pre-wrap;
  color:#a08bab;
  margin-top:7px!important;
  overflow-wrap:anywhere;
}

.ow-task-meta {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-top:8px;
  font-size:9px;
  color:#a08bab;
}

.ow-task-meta>time {
  color:#956eaa;
}

.ow-task-actions {
  display:flex;
  gap:7px;
  flex-shrink:0;
}

.ow-task-actions .ow-button {
  min-height:33px;
  padding:7px 9px;
  font-size:10px!important;
}

.ow-health-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-bottom:23px;
}

.ow-health-card {
  background:white;
  border:1px solid var(--ow-line);
  border-radius:14px;
  padding:22px;
  min-width:0;
}

.ow-health-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:15px;
}

.ow-health-icon {
  width:36px;
  height:36px;
  border-radius:10px;
  background:#f4eafa;
  color:#9b6ab7;
  display:grid;
  place-items:center;
  font-size:23px;
}

.ow-health-card h4 {
  font-size:16px;
  font-weight:600;
  margin-bottom:8px;
}

.ow-health-card>p {
  font-size:12px;
  color:#9b86a6;
  min-height:38px;
  overflow-wrap:anywhere;
}

.ow-health-card dl {
  border-top:1px solid #eee6f3;
  margin:18px 0 0;
  padding-top:11px;
}

.ow-health-card dl>div {
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:12px;
  margin-top:7px;
  font-size:9px;
}

.ow-health-card dt {
  color:#b39dc0;
}

.ow-health-card dd {
  margin:0;
  text-align:right;
  overflow-wrap:anywhere;
  color:#967ca3;
}

.ow-control-summary {
  padding:23px;
}

.ow-signal-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.ow-signal-grid>div {
  padding:8px 0;
}

.ow-signal-grid span {
  display:block;
  color:#9b87a6;
  font-size:11px;
}

.ow-signal-grid strong {
  display:block;
  font-size:25px;
  line-height:1.5;
  color:#7c598f;
  font-weight:600;
}

.ow-sync {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  border-top:1px solid #eee6f3;
  margin-top:19px;
  padding-top:18px;
  font-size:10px;
  color:#a18bab;
}

.ow-sync>strong {
  font-size:11px;
  font-weight:600;
  color:#866595;
}

.ow-footnote {
  font-size:10px;
  line-height:1.8;
  color:#a18dab;
  padding:20px 3px;
  overflow-wrap:anywhere;
}

.ow-muted {
  font-size:11px;
  color:#9e87aa;
  line-height:1.8;
}

.ow-dialog {
  border:1px solid #e1d1ec;
  border-radius:17px;
  padding:0;
  width:min(560px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  color:#644c72;
  background:#fff;
  box-shadow:0 20px 90px #34203f3b;
  overflow:auto;
}

.ow-dialog::backdrop {
  background:#2e1d3f70;
  backdrop-filter:blur(3px);
}

.ow-dialog form {
  margin:0;
}

.ow-dialog header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:22px 24px;
  border-bottom:1px solid #eee4f4;
}

.ow-dialog h3 {
  font-size:19px;
  letter-spacing:-.025em;
  margin:0;
  color:#735087;
}

.ow-dialog-close {
  background:none;
  border:0;
  font-size:25px!important;
  color:#a084b1;
  padding:0;
  min-width:30px;
  min-height:30px;
}

.ow-dialog-body {
  padding:22px 24px;
  display:grid;
  gap:17px;
}

.ow-dialog-body>p {
  font-size:12px;
  line-height:1.8;
  color:#9b82a8;
  margin:0;
}

.ow-dialog label {
  font-size:11px;
  display:grid;
  gap:7px;
  color:#9575a6;
}

.ow-dialog footer {
  display:flex;
  gap:9px;
  justify-content:flex-end;
  padding:17px 24px;
  background:#fcf9fe;
  border-top:1px solid #eee4f4;
}

.ow-dialog-error {
  font-size:11px;
  margin:0 24px 18px!important;
  padding:12px;
  background:#fff5f2;
  color:#aa6d60;
  border-radius:7px;
  overflow-wrap:anywhere;
}

.ow-confirm-recipient {
  padding:12px 15px;
  border-radius:8px;
  background:#f9f4fc;
  border:1px solid #eadef2;
}

.ow-confirm-recipient>span {
  display:block;
  font-size:10px;
  color:#aa90ba;
  margin-bottom:4px;
}

.ow-confirm-recipient>strong {
  font-size:13px;
  font-weight:600;
  overflow-wrap:anywhere;
}

.ow-confirm-message {
  padding:17px;
  white-space:pre-wrap;
  font-size:13px;
  line-height:1.8;
  background:#f2e9f9;
  border:1px solid #e5d6ef;
  border-radius:10px;
  max-height:280px;
  overflow:auto;
  overflow-wrap:anywhere;
}

.ow-form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}

@media(min-width:1450px) {
  .ow-inbox-layout {
    grid-template-columns:350px minmax(0,1fr);
  }
}

@media(max-width:1100px) {
  .ow-inbox-layout {
    grid-template-columns:270px minmax(0,1fr);
  }
  .ow-case-detail {
    padding:22px 20px;
  }
  .ow-case-meta {
    flex-direction:column;
  }
  .ow-case-meta time {
    text-align:left;
  }
  .ow-health-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ow-task {
    flex-wrap:wrap;
  }
  .ow-task-actions {
    padding-left:36px;
  }
  .ow-planner-layout {
    grid-template-columns:260px minmax(0,1fr);
  }
  .ow-context {
    grid-template-columns:1fr;
  }
}

@media(max-width:760px) {
  .ow-hero {
    padding:25px;
    gap:15px;
  }
  .ow-hero-glyph {
    width:65px;
    height:65px;
    font-size:34px;
    border-radius:19px;
  }
  .ow-hero p {
    font-size:12px;
  }
  .ow-metrics {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .ow-metric {
    padding:15px 17px;
  }
  .ow-metric>strong {
    font-size:24px;
  }
  .ow-inbox-layout {
    grid-template-columns:1fr;
  }
  .ow-case-sidebar {
    border-right:0;
    border-bottom:1px solid var(--ow-line);
  }
  .ow-case-list {
    max-height:285px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .ow-case {
    margin:0;
  }
  .ow-case-sidebar .ow-pagination {
    flex-direction:row;
    align-items:center;
  }
  .ow-case-detail {
    padding:22px;
  }
  .ow-planner-layout {
    grid-template-columns:1fr;
  }
  .ow-calendar-panel {
    max-width:none;
  }
  .ow-calendar {
    max-width:340px;
    margin-inline:auto;
    gap:4px;
  }
  .ow-calendar-panel>.ow-button {
    max-width:340px;
    display:flex;
    margin:auto;
  }
  .ow-calendar-heading {
    max-width:340px;
    margin-inline:auto;
  }
  .ow-signal-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ow-section-heading {
    align-items:start;
  }
  .ow-section-heading h3 {
    font-size:19px;
  }
  .ow-section-heading p {
    font-size:11px;
  }
  .ow-section-heading>.ow-button {
    flex-shrink:0;
  }
  .ow-task-actions {
    margin-left:auto;
  }
  .ow-filters {
    padding:13px;
  }
  .ow-channel {
    font-size:10px;
  }
  .ow-health-card {
    padding:18px;
  }
  .ow-health-card>p {
    min-height:0;
  }
}

@media(max-width:450px) {
  .ow-workspace {
    font-size:13px;
  }
  .ow-hero {
    padding:22px 20px;
    border-radius:16px;
  }
  .ow-hero-glyph {
    display:none;
  }
  .ow-hero h2 {
    font-size:28px;
  }
  .ow-hero p {
    font-size:11px;
  }
  .ow-metric {
    padding:13px 14px;
    border-radius:10px;
  }
  .ow-metric>span {
    font-size:10px;
  }
  .ow-metric>strong {
    font-size:23px;
  }
  .ow-case-list {
    grid-template-columns:1fr;
    max-height:270px;
  }
  .ow-case-meta {
    flex-direction:row;
  }
  .ow-case-detail {
    padding:20px 15px;
  }
  .ow-detail-heading h3 {
    font-size:20px;
  }
  .ow-detail-heading>.ow-button {
    padding:7px 9px;
    font-size:10px!important;
    min-height:34px;
  }
  .ow-composer-footer {
    align-items:start;
  }
  .ow-composer-footer>span {
    max-width:120px;
  }
  .ow-composer-footer .ow-button {
    font-size:10px!important;
  }
  .ow-message {
    max-width:95%;
    padding:12px;
  }
  .ow-transcript {
    max-height:430px;
  }
  .ow-filters label {
    flex-basis:100px;
  }
  .ow-filters .ow-search {
    flex-basis:100%;
  }
  .ow-filters>.ow-button {
    min-height:38px;
  }
  .ow-section-heading {
    gap:12px;
    flex-wrap:wrap;
  }
  .ow-health-grid {
    grid-template-columns:1fr;
  }
  .ow-task-list {
    padding:0 13px;
  }
  .ow-task {
    gap:10px;
  }
  .ow-task-actions {
    padding-left:33px;
  }
  .ow-task-heading h4 {
    font-size:12px;
  }
  .ow-task-icon {
    width:21px;
    height:21px;
  }
  .ow-context {
    padding:12px;
  }
  .ow-dialog {
    width:calc(100vw - 20px);
    max-height:calc(100dvh - 20px);
    border-radius:12px;
  }
  .ow-dialog header {
    padding:17px;
  }
  .ow-dialog h3 {
    font-size:17px;
  }
  .ow-dialog-body {
    padding:18px 17px;
  }
  .ow-dialog footer {
    padding:15px 17px;
  }
  .ow-dialog-error {
    margin:0 17px 15px!important;
  }
  .ow-form-grid {
    grid-template-columns:1fr;
  }
  .ow-pagination {
    padding:12px;
    gap:8px;
    flex-wrap:wrap;
  }
  .ow-sync {
    gap:9px;
  }
  .ow-control-summary {
    padding:18px;
  }
  .ow-activity {
    font-size:10px;
  }
  .ow-channels {
    gap:7px;
  }
  .ow-channel {
    width:100%;
    flex-wrap:wrap;
  }
  .ow-channel>span:last-child {
    margin-left:auto;
  }
}

@media(prefers-reduced-motion:reduce) {
  .ow-workspace * {
    scroll-behavior:auto!important;
  }
}

.ow-case-search {
  display:flex;
  align-items:end;
  gap:9px;
  margin-bottom:12px;
}

.ow-case-search>label {
  flex:1;
  min-width:0;
}

.ow-case-search>.ow-button {
  flex-shrink:0;
}

.ow-dialog [data-ow-case-search-note] {
  font-size:10px;
  margin-top:7px;
}

.ow-pilot { padding:24px; margin-bottom:26px; }
.ow-pilot[hidden] { display:none; }
.ow-pilot .ow-section-heading { margin-top:0; }
.ow-pilot-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.ow-pilot-grid article { display:flex; flex-direction:column; align-items:flex-start; padding:18px; border:1px solid var(--ow-border,#e7d9f3); border-radius:12px; min-width:0; }
.ow-pilot-grid h4 { margin:0 0 12px; font-size:13px; }
.ow-pilot-grid strong { font-size:24px; }
.ow-pilot-grid p,.ow-pilot-note { color:var(--ow-muted,#8c799b); font-size:12px; line-height:1.65; }
.ow-pilot-grid .ow-button { margin-top:auto; white-space:normal; text-align:left; }
.ow-pilot-grid small { margin-top:10px; }
.ow-workspace .ow-pilot-note { margin:18px 0 8px; }
@media(max-width:600px) { .ow-pilot { padding:18px; } .ow-pilot-grid { grid-template-columns:1fr; } }


.ow-channel-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.ow-notify{padding:20px}.ow-notify-message{padding:18px 0;border-top:1px solid var(--ow-line)}.ow-notify-message>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.ow-workspace .ow-notify-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.ow-notify-message small{color:var(--ow-muted)}

/* Super Admin Inbox: conversations first, overview on demand. DOM order follows
   the visual order for screen readers and keyboard users. */
.ow-workspace.ow-owner-inbox .ow-hero { margin-bottom:18px; padding:22px 26px; background:#fff; border-color:#e9e4ef; border-radius:16px; }
.ow-workspace.ow-owner-inbox .ow-hero h2 { margin:5px 0; }
.ow-workspace.ow-owner-inbox .ow-hero p { margin:0; }
.ow-workspace.ow-owner-inbox .ow-hero-glyph { width:54px; height:54px; font-size:28px; transform:none; background:#f2eafa; border-radius:15px; }
.ow-workspace.ow-owner-inbox .ow-owner-channel-warnings { margin:0 0 14px; padding:11px 14px; border:1px solid #edd3b5; border-radius:10px; background:#fff9ee; color:#76531e; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.ow-workspace.ow-owner-inbox .ow-owner-channel-warnings[hidden] { display:none; }
.ow-workspace.ow-owner-inbox .ow-channel-tabs { margin-bottom:12px; }
.ow-workspace.ow-owner-inbox .ow-channel-tabs .ow-button { min-height:44px; }
.ow-workspace.ow-owner-inbox .ow-owner-overview { margin:20px 0 0; border:1px solid #e8e0ed; border-radius:14px; background:#fff; }
.ow-workspace.ow-owner-inbox .ow-owner-overview > summary { padding:15px 18px; color:#563a68; font-weight:650; cursor:pointer; }
.ow-workspace.ow-owner-inbox .ow-owner-overview .ow-metrics,
.ow-workspace.ow-owner-inbox .ow-owner-overview .ow-channels { margin:0 18px 16px; }
.ow-workspace.ow-owner-inbox .ow-owner-filters { flex:0 0 100%; margin:0; border:0; border-radius:0; padding:0; background:transparent; box-shadow:none; }
.ow-workspace.ow-owner-inbox .ow-owner-filters > summary { min-height:36px; padding:6px 0; color:#67427d; font-size:12px; font-weight:650; cursor:pointer; }
.ow-workspace.ow-owner-inbox .ow-owner-filter-fields { display:flex; flex-wrap:wrap; gap:10px; padding:8px 0; }
.ow-workspace.ow-owner-inbox .ow-owner-filter-fields > label { flex:1 1 125px; }
.ow-workspace.ow-owner-inbox .ow-case-sidebar { background:#faf8fc; }
.ow-workspace.ow-owner-inbox .ow-case.selected { border-color:#d6bfe6; background:#f2eafa; }
@media(max-width:760px) {
  .ow-workspace.ow-owner-inbox .ow-hero { padding:15px 16px; margin-bottom:12px; }
  .ow-workspace.ow-owner-inbox .ow-hero h2 { font-size:24px; }
  .ow-workspace.ow-owner-inbox .ow-hero-glyph { display:none; }
  .ow-workspace.ow-owner-inbox .ow-hero p { font-size:12px; }
  .ow-workspace.ow-owner-inbox .ow-filters { padding:12px; gap:8px; }
  .ow-workspace.ow-owner-inbox .ow-filters .ow-search { flex:1 1 150px; }
  .ow-workspace.ow-owner-inbox .ow-filters > .ow-button { flex:0 0 auto; min-height:40px; }
}

.ow-workspace.ow-owner-inbox .ow-owner-channel-info { margin:0 0 12px; color:#62566e; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.ow-workspace.ow-owner-inbox .ow-owner-channel-info[hidden] { display:none; }