/* Approved B1: navy navigation and distinct workspace islands. Staff UI only. */
body.user-workspace {
  --surface-0: #dce6f1;
  --border-subtle: #b9cbe0;
  --border-strong: #8ba5c5;
  --text-strong: #142c48;
  --text-base: #263e5b;
  --text-muted: #405673;
  --text-faint: #405673;
  background: #dce6f1;
}
.user-workspace .workspace-sidebar { background: #142c48; border-color: #294665; }
.user-workspace .workspace-brand, .user-workspace .workspace-monogram { color: #fff; }
.user-workspace .workspace-brand small { color: #c4d4e8; }
.user-workspace .workspace-nav .seg-btn { color: #e3edfa; border: 1px solid transparent; }
.user-workspace .workspace-nav .seg-btn:hover { background: #203f61; color: #fff; }
.user-workspace .workspace-nav .seg-btn[aria-selected=true] { background: #214f91; border-color: #477fc4; color: #fff; }
.user-workspace .workspace-nav .badge { background: #dbe9ff; color: #153f81; border-color: #9bbceb; }
.user-workspace .workspace-account { border-color: #41607f; color: #c4d4e8; }
.user-workspace .account-copy strong { color: #fff; }
.user-workspace .account-copy>span, .user-workspace .account-connection span:not(.dot) { color: #c4d4e8; }
.user-workspace .account-connection strong { color: #e3edfa; }
.user-workspace .account-avatar { background: #dae8fb; color: #153f81; border-color: #97b7dd; }
.user-workspace .workspace-account .account-action { color: #e3edfa; border-color: #41607f; background: #193553; }
.user-workspace .workspace-account #link-dev { color: #c4d4e8; }
.user-workspace .workspace-account .account-action:hover { color: #fff; background: #254b76; border-color: #7b9fc8; }
.user-workspace .workspace-sidebar :is(button,a):focus-visible { outline-color: #b7d5ff; }

.user-workspace .ticket-workspace { margin: 18px; min-height: calc(100vh - 36px); column-gap: 7px; align-items: start; }
.user-workspace .ticket-inbox { background: #edf3fa; border: 1px solid #b9cbe0; border-radius: 12px; padding: 24px 18px; box-shadow: 0 2px 8px #142c4809; }
.user-workspace .request-row { border-color: #bacbdf; background: #fff; box-shadow: 0 2px 4px #142c4806; }
.user-workspace .request-row:hover { border-color: #7296c6; background: #f7faff; }
.user-workspace .request-row.selected { background: #e4efff; border-color: #1655d5; box-shadow: inset 3px 0 0 #1655d5, 0 0 0 1px #1655d5; }
.user-workspace .request-row.selected .request-symbol { background: #cddfff; color: #1b468f; }
.user-workspace .layout-toolbar { border-color: #b9cbe0; background: #f9fbff; }
.user-workspace .layout-choices { background: #edf3fa; }
.user-workspace .ticket-detail { background: transparent; }
.user-workspace .ticket-content { padding: 0; row-gap: 18px; }
.user-workspace .ticket-reading { padding: 24px; background: #fff; border: 1px solid #b0c4dd; border-radius: 12px; box-shadow: 0 3px 10px #142c480d; }
.user-workspace .ticket-head { padding: 0; margin-bottom: 22px; }
.user-workspace .ticket-heading { flex-wrap: wrap; }
.user-workspace .ticket-heading h2 { font-size: 30px; }
.user-workspace .ticket-next { background: #e8f1ff; border-color: #b0caf0; flex-wrap: wrap; }
.user-workspace .ticket-next .btn { text-align: center; }
.user-workspace .detail-tabs { gap: 20px; }
.user-workspace .detail-tabs button { font-size: 15px; }
.user-workspace .ticket-whatsapp { color: #087650; background: #fff; border-color: #087650; }
.user-workspace .ticket-whatsapp:hover { background: #e7f5ee; color: #065d40; }
.user-workspace .request-facts { padding: 16px; border: 1px solid #b9cbe0; border-radius: 9px; background: #f3f7fd; margin-bottom: 24px; }
.user-workspace .request-facts h3 { font-size: 16px; margin-bottom: 16px; }
.user-workspace .ticket-facts { margin: 0; }
.user-workspace .ticket-facts>div { padding: 0 12px; }
.user-workspace .ticket-facts>div:first-child { padding-left: 0; }
.user-workspace .ticket-facts dd { line-height: 1.5; }
.user-workspace .workspace-gallery { gap: 14px; }
.user-workspace .workspace-gallery figure { padding: 9px; border: 1px solid #b9cbe0; border-radius: 9px; background: #fff; }
.user-workspace .reference-open { border-color: #c3d2e4; background: #edf3fa; }
.user-workspace .workspace-gallery figcaption { padding: 12px 3px 3px; }
.user-workspace .request-description { margin-top: 22px; padding: 18px; border: 1px solid #b9cbe0; border-radius: 9px; background: #f3f7fd; }
.user-workspace .request-description .section-heading { margin: 0 0 12px; }
.user-workspace .request-description .request-summary { background: transparent; padding: 0; }

.user-workspace .ticket-controls { padding: 18px; background: #e1edff; border: 1px solid #a4bfe5; border-radius: 12px; box-shadow: 0 3px 10px #142c480d; }
.user-workspace .ticket-controls h2 { font-size: 23px; }
.user-workspace .ticket-controls .ticket-section-form { background: #fff; border: 1px solid #b5c8e3; border-radius: 9px; padding: 18px; margin: 0; }
.user-workspace .ticket-controls>section, .user-workspace .ticket-controls>[data-ticket-section] { margin-top: 14px; }
.user-workspace .ticket-controls #ticket-management .ticket-section-form { margin-top: 0; }
.user-workspace .ticket-controls h3 { font-size: 18px; }
.user-workspace .ticket-controls .section-actions { gap: 4px; }
.user-workspace .ticket-controls .section-feedback:empty { display: none; }
.user-workspace .ticket-controls .timezone-note { margin-bottom: 0; padding: 0 8px; }
.user-workspace .change-request { background: #f7faff; border: 1px solid #b9cbe0; border-radius: 9px; padding: 18px; }
.user-workspace .ticket-event { padding: 16px; margin-bottom: 12px; border: 1px solid #b9cbe0; border-radius: 9px; background: #f7faff; }
.user-workspace #view-calendar, .user-workspace #view-conversations { margin: 18px; padding: 24px; background: #f9fbff; border: 1px solid #b0c4dd; border-radius: 12px; }
.user-workspace #view-settings { margin: 18px; padding: 28px; background: #f9fbff; border: 1px solid #b0c4dd; border-radius: 12px; max-width: 980px; }
.user-workspace .panel-divider { background: transparent; }
.user-workspace .panel-divider::after { background: #6986aa; }
.user-workspace .panel-divider:hover, .user-workspace .panel-divider:focus-visible { background: #c4d7ee; }

@container ticket-pane (min-width:800px) {
  .user-workspace .ticket-content { column-gap: 7px; }
  .user-workspace .ticket-controls { top: 18px; max-height: calc(100vh - 36px); }
}
@container request-reading (max-width:460px) {
  .user-workspace .ticket-facts { grid-template-columns: 1fr; gap: 12px; }
  .user-workspace .ticket-facts>div { padding: 0; border-right: 0; }
}
@media(max-width:1000px) {
  .user-workspace .ticket-workspace { column-gap: 12px; }
  .user-workspace .ticket-reading { padding: 20px; }
  .user-workspace .ticket-controls { max-height: none; }
}
@media(max-width:700px) {
  .user-workspace .ticket-workspace { margin: 12px; min-height: auto; }
  .user-workspace .ticket-inbox, .user-workspace .ticket-reading { padding: 20px 14px; border-radius: 10px; }
  .user-workspace .ticket-controls { padding: 14px; }
  .user-workspace .ticket-controls .ticket-section-form { padding: 16px; }
  .user-workspace .ticket-head { margin-bottom: 20px; }
  .user-workspace .ticket-heading h2 { font-size: 28px; }
  .user-workspace .ticket-next { padding: 14px; }
  .user-workspace .request-facts { padding: 14px; }
  .user-workspace .detail-tabs { gap: 16px; }
  .user-workspace .detail-tabs button { font-size: 14px; }
  .user-workspace #view-settings, .user-workspace #view-calendar, .user-workspace #view-conversations { margin: 12px; padding: 20px 14px; }
}