/*
 * Unified signed-in workspace theme.
 * Keeps every feature's layout and behavior while applying the crisp,
 * frosted visual language established by the reference inbox.
 */

body.app-shell:not(.inbox-app-shell) {
  --app-ink: #15223a;
  --app-muted: #66758d;
  --app-line: rgba(190, 204, 228, .66);
  --app-glass: rgba(255, 255, 255, .82);
  --app-glass-strong: rgba(255, 255, 255, .94);
  --app-blue: var(--hd-blue, #3157ff);
  --app-shadow: 0 16px 42px rgba(38, 55, 91, .08);
  min-height: 100vh;
  background:
    radial-gradient(circle at 8% 5%, rgba(139, 112, 255, .10), transparent 28%),
    radial-gradient(circle at 93% 12%, rgba(73, 197, 229, .10), transparent 29%),
    linear-gradient(145deg, #f8faff 0%, #f1f6fd 48%, #f7f5ff 100%);
  color: var(--app-ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.app-shell:not(.inbox-app-shell) #app-view {
  color: var(--app-ink);
  font-size: 15px;
  line-height: 1.55;
}

body.app-shell:not(.inbox-app-shell) #app-view::before {
  position: fixed;
  inset: 78px 0 auto 230px;
  height: 230px;
  z-index: -1;
  content: "";
  pointer-events: none;
  background:
    radial-gradient(circle at 30% 0, rgba(126, 101, 255, .08), transparent 52%),
    radial-gradient(circle at 76% 0, rgba(50, 205, 195, .08), transparent 48%);
  filter: blur(18px);
}

/* Global signed-in chrome */

body.app-shell:not(.inbox-app-shell) .helpdesk-topbar {
  position: fixed;
  inset: 10px 12px auto;
  z-index: 45;
  height: 64px;
  margin: 0;
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, .86);
  border-radius: 18px;
  background: rgba(255, 255, 255, .74);
  box-shadow: 0 10px 34px rgba(35, 51, 83, .08), inset 0 1px 0 rgba(255, 255, 255, .86);
  backdrop-filter: blur(24px) saturate(155%);
  -webkit-backdrop-filter: blur(24px) saturate(155%);
}

body.app-shell:not(.inbox-app-shell) #app-view {
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  padding: 84px 76px 12px 268px;
}

body.app-shell:not(.inbox-app-shell) .inbox-app-brand {
  position: absolute;
  left: 16px;
  display: flex;
  align-items: center;
  gap: 13px;
  height: 100%;
}

body.app-shell:not(.inbox-app-shell) .inbox-window-controls {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-right: 3px;
}

body.app-shell:not(.inbox-app-shell) .inbox-window-controls i {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff6259;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07);
}

body.app-shell:not(.inbox-app-shell) .inbox-window-controls i:nth-child(2) { background: #ffbd2e; }
body.app-shell:not(.inbox-app-shell) .inbox-window-controls i:nth-child(3) { background: #28c840; }

body.app-shell:not(.inbox-app-shell) .inbox-app-brand > a {
  display: flex;
  align-items: center;
}

body.app-shell:not(.inbox-app-shell) .inbox-app-brand img {
  width: 112px;
  height: 31px;
  object-fit: contain;
}

body.app-shell:not(.inbox-app-shell) .inbox-app-divider {
  width: 1px;
  height: 31px;
  background: rgba(88, 104, 132, .17);
}

body.app-shell:not(.inbox-app-shell) .inbox-app-brand > strong {
  color: #17233a;
  font-size: 15px;
  white-space: nowrap;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-sidebar {
  inset: 84px auto 12px 12px;
  width: 244px;
  height: auto;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 20px;
  background:
    radial-gradient(circle at 40% 2%, rgba(64, 103, 190, .28), transparent 28%),
    linear-gradient(180deg, #08234b 0%, #092653 58%, #071d40 100%);
  box-shadow: 0 22px 54px rgba(3, 19, 49, .22), inset 0 1px 0 rgba(255, 255, 255, .07);
}

body.app-shell:not(.inbox-app-shell) .helpdesk-app-main {
  margin-left: 0;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-sidebar-head {
  height: 54px;
  min-height: 54px;
  border-bottom-color: rgba(255, 255, 255, .09);
}

body.app-shell:not(.inbox-app-shell) .helpdesk-sidebar-head .helpdesk-product {
  display: none;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-sidebar .sidebar-toggle {
  top: 11px;
  right: 12px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 9px;
  background: rgba(255, 255, 255, .07);
  color: #dfe8f8;
  font-size: 15px;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-sidebar.collapsed {
  width: 0;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-sidebar.collapsed + .helpdesk-app-main {
  margin-left: 0;
}

body.app-shell:not(.inbox-app-shell):has(.helpdesk-sidebar.collapsed) #app-view {
  padding-left: 18px;
}

body.app-shell .helpdesk-sidebar.collapsed > :not(.helpdesk-sidebar-head),
body.app-shell .helpdesk-sidebar.collapsed .helpdesk-product {
  display: none !important;
}

body.app-shell .helpdesk-sidebar.collapsed .helpdesk-sidebar-head {
  width: 0;
  min-width: 0;
  padding: 0;
  overflow: visible;
  border: 0;
}

body.app-shell .helpdesk-sidebar.collapsed .sidebar-toggle {
  position: fixed;
  top: 92px;
  left: 12px;
  right: auto;
  width: 34px;
  height: 34px;
  display: grid !important;
  z-index: 90;
  border: 1px solid rgba(108, 128, 163, .28);
  border-radius: 10px;
  background: rgba(255, 255, 255, .92);
  color: #17345f;
  box-shadow: 0 8px 20px rgba(31, 48, 83, .12);
}

body.app-shell:not(.inbox-app-shell) .helpdesk-nav a,
body.app-shell:not(.inbox-app-shell) .helpdesk-nav .nav-group > summary {
  min-height: 44px;
  padding-inline: 12px;
  border-radius: 10px;
  color: #c9d5e8;
  font-size: 14.5px;
  letter-spacing: -.01em;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-nav a b,
body.app-shell:not(.inbox-app-shell) .helpdesk-nav .nav-group > summary b {
  font-weight: 690;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-nav {
  padding: 10px 12px 18px;
  gap: 4px;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-nav .nav-group > summary {
  color: #91a5c4;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-nav .nav-group > summary b {
  font-size: 14.5px;
}

body.app-shell .helpdesk-nav .nav-group > summary b,
body.app-shell .helpdesk-nav .nav-label {
  font-size: 14.5px;
  letter-spacing: -.01em;
  text-transform: none;
}

body.app-shell .topbar-menu,
body.app-shell .ticket-menu,
body.app-shell .queue-menu {
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 16px;
  background: rgba(250, 252, 255, .88);
  box-shadow: 0 20px 52px rgba(31, 48, 83, .20), inset 0 1px 0 rgba(255, 255, 255, .92);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  backdrop-filter: blur(24px) saturate(150%);
}

body.app-shell .topbar-menu a,
body.app-shell .topbar-menu form > button,
body.app-shell .ticket-menu a,
body.app-shell .ticket-menu form > button {
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 10px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 650;
}

body.app-shell .app-dialog .dialog-backdrop {
  background: rgba(20, 35, 62, .28);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

body.app-shell .app-dialog > section {
  border: 1px solid rgba(255, 255, 255, .76);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(244, 248, 255, .82));
  box-shadow: 0 28px 78px rgba(21, 39, 73, .28), inset 0 1px 0 rgba(255, 255, 255, .96);
  -webkit-backdrop-filter: blur(28px) saturate(150%);
  backdrop-filter: blur(28px) saturate(150%);
}

body.app-shell:not(.inbox-app-shell) .helpdesk-nav a:hover {
  background: rgba(255, 255, 255, .08);
  color: #fff;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-nav a.active {
  background: linear-gradient(135deg, #2f66ff, #2455e9);
  color: #fff;
  box-shadow: 0 10px 22px rgba(20, 68, 198, .34);
}

body.app-shell:not(.inbox-app-shell) .helpdesk-nav .nav-glyph {
  width: 23px !important;
  font-size: 17px !important;
  color: #a9bbd4;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-nav a.active .nav-glyph {
  color: #fff;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-nav a em {
  min-width: 23px;
  padding: 3px 7px;
  background: rgba(255, 255, 255, .10);
  font-size: 10px;
}

body.app-shell:not(.inbox-app-shell) .topbar-tenant,
body.app-shell:not(.inbox-app-shell) .global-search,
body.app-shell:not(.inbox-app-shell) .topbar-copilot,
body.app-shell:not(.inbox-app-shell) .topbar-icon {
  min-height: 40px;
  border-color: rgba(109, 129, 162, .16);
  background: rgba(255, 255, 255, .66);
  box-shadow: none;
  font-size: 12.5px;
}

body.app-shell:not(.inbox-app-shell) .global-search {
  width: min(510px, 32vw);
  height: 42px;
  border-radius: 11px;
  color: #718099;
  font-size: 13px;
}

body.app-shell:not(.inbox-app-shell) .topbar-tenant-wrap {
  left: 321px;
}

body.app-shell:not(.inbox-app-shell) .topbar-tenant {
  width: auto;
  min-width: 0;
  height: 40px;
  padding: 0 11px;
  border-radius: 10px;
}

body.app-shell:not(.inbox-app-shell) .topbar-tenant > span:first-child {
  display: none;
}

body.app-shell:not(.inbox-app-shell) .topbar-tenant strong {
  max-width: 150px;
  overflow: hidden;
  font-size: 12.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-topbar .topbar-actions {
  right: 16px;
  gap: 8px;
}

body.app-shell:not(.inbox-app-shell) .topbar-copilot {
  min-height: 40px;
  padding-inline: 14px;
  border-radius: 11px;
  color: #234fdc;
}

body.app-shell:not(.inbox-app-shell) .topbar-icon {
  width: 40px;
  height: 40px;
  border-radius: 11px;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-topbar .topbar-actions > img {
  width: 38px;
  height: 38px;
  border: 2px solid rgba(255, 255, 255, .84);
  box-shadow: 0 4px 13px rgba(20, 35, 64, .13);
}

body.app-shell:not(.inbox-app-shell) .helpdesk-topbar .topbar-actions > span strong {
  font-size: 13px;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-topbar .topbar-actions > span small {
  font-size: 10px;
}

/* Page frames and typography */

body.app-shell:not(.inbox-app-shell) #app-view > :is(
  .workspace-page,
  .helpdesk-admin-page,
  .operations-center,
  .supervisor-page,
  .customer-360-page,
  .experiment-page,
  .incident-page,
  .operator-page,
  .product-intelligence-page,
  .claims-page
) {
  width: min(100%, 1680px);
  margin-inline: auto;
  padding: 40px clamp(26px, 3.6vw, 62px) 84px;
}

body.app-shell:not(.inbox-app-shell) #app-view :is(
  .page-title,
  .admin-page-head,
  .operations-heading,
  .supervisor-heading,
  .customer-360-heading,
  .experiment-heading,
  .incident-heading,
  .operator-heading,
  .pi-heading,
  .claims-heading
) {
  gap: 28px;
  margin-bottom: 28px;
}

body.app-shell:not(.inbox-app-shell) #app-view :is(
  .page-title,
  .admin-page-head,
  .operations-heading,
  .supervisor-heading,
  .customer-360-heading,
  .experiment-heading,
  .incident-heading,
  .operator-heading,
  .pi-heading,
  .claims-heading
) h1 {
  margin: 7px 0 10px;
  color: var(--app-ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(36px, 3.4vw, 52px);
  font-weight: 780;
  line-height: 1.02;
  letter-spacing: -.045em;
}

body.app-shell:not(.inbox-app-shell) #app-view :is(
  .page-title,
  .admin-page-head,
  .operations-heading,
  .supervisor-heading,
  .customer-360-heading,
  .experiment-heading,
  .incident-heading,
  .operator-heading,
  .pi-heading,
  .claims-heading
) p {
  max-width: 760px;
  margin: 0;
  color: var(--app-muted);
  font-size: 15px;
  line-height: 1.62;
}

body.app-shell:not(.inbox-app-shell) #app-view :is(
  .eyebrow,
  .admin-kicker,
  header > small,
  header > div > small
) {
  color: #7586a2;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .12em;
}

body.app-shell:not(.inbox-app-shell) #app-view h2,
body.app-shell:not(.inbox-app-shell) #app-view h3 {
  color: var(--app-ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.025em;
}

body.app-shell:not(.inbox-app-shell) #app-view h2 {
  font-size: 22px;
  font-weight: 760;
}

body.app-shell:not(.inbox-app-shell) #app-view h3 {
  font-size: 17px;
  font-weight: 730;
}

body.app-shell:not(.inbox-app-shell) #app-view :is(p, li, dd, td) {
  color: var(--app-muted);
}

body.app-shell:not(.inbox-app-shell) #app-view small {
  font-size: max(11px, .72em);
  line-height: 1.45;
}

/* Frosted surfaces */

body.app-shell:not(.inbox-app-shell) #app-view :is(
  .panel,
  .plugin-card,
  .connection-card,
  .billing-plan,
  .agent-profile-card,
  .agent-add-card,
  .agent-routing-card,
  .agent-settings-card,
  .audit-card,
  .brain-panel,
  .brain-flow-panel,
  .brain-routing-panel,
  .iq-layer-card,
  .knowledge-create-card,
  .knowledge-link-card,
  .macro-hero-card,
  .csat-settings-card,
  .workday-settings-card,
  .supervisor-panel,
  .supervisor-card,
  .incident-card,
  .experiment-card,
  .pi-panel,
  .claim-card,
  .planner-card,
  .signal-card,
  .value-card,
  .recent-card,
  .chart-card,
  .hub-card,
  .section-table-card,
  .widget-preview-card,
  .email-forwarding-card
) {
  border: 1px solid var(--app-line) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .93), rgba(248, 251, 255, .77)) !important;
  box-shadow: var(--app-shadow) !important;
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}

body.app-shell:not(.inbox-app-shell) #app-view :is(
  .panel,
  .plugin-card,
  .connection-card,
  .billing-plan,
  .agent-profile-card,
  .agent-routing-card,
  .agent-settings-card,
  .audit-card,
  .brain-panel,
  .supervisor-panel,
  .incident-card,
  .experiment-card,
  .pi-panel,
  .claim-card
) {
  padding: clamp(19px, 2vw, 26px);
}

body.app-shell:not(.inbox-app-shell) #app-view :is(
  .panel,
  .plugin-card,
  .connection-card,
  .billing-plan,
  .agent-profile-card,
  .iq-layer-card,
  .supervisor-panel,
  .incident-card,
  .experiment-card,
  .claim-card
):hover {
  border-color: rgba(117, 143, 196, .42) !important;
  box-shadow: 0 20px 48px rgba(38, 55, 91, .11) !important;
}

body.app-shell:not(.inbox-app-shell) #app-view :is(
  .connection-overview > div,
  .platform-integration-grid article,
  .capability-grid > div,
  .row-item,
  .macro-library-row,
  .knowledge-library-row,
  .team-row,
  .audit-row,
  .customer-history-card > a,
  .customer-orders-card > a
) {
  border-color: rgba(201, 212, 231, .72) !important;
  background: rgba(255, 255, 255, .66) !important;
}

body.app-shell:not(.inbox-app-shell) #app-view :is(
  .connection-overview > div,
  .platform-integration-grid article,
  .capability-grid > div
) {
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(37, 53, 87, .04);
}

/* Controls */

body.app-shell:not(.inbox-app-shell) #app-view :is(
  button,
  .button,
  input,
  select,
  textarea
) {
  min-height: 42px;
  border-radius: 9px;
  font-family: inherit;
  font-size: 14px;
}

body.app-shell:not(.inbox-app-shell) #app-view :is(input, select, textarea) {
  border: 1px solid rgba(174, 192, 220, .72) !important;
  background: rgba(255, 255, 255, .87) !important;
  color: var(--app-ink);
  box-shadow: inset 0 1px 2px rgba(34, 50, 78, .025);
}

body.app-shell:not(.inbox-app-shell) #app-view :is(input, select, textarea):focus {
  border-color: color-mix(in srgb, var(--app-blue) 72%, white) !important;
  outline: 3px solid color-mix(in srgb, var(--app-blue) 12%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--app-blue) 20%, transparent);
}

body.app-shell:not(.inbox-app-shell) #app-view :is(
  .button,
  .primary-helpdesk-button,
  button[type="submit"]
) {
  padding: 0 17px;
  border: 1px solid color-mix(in srgb, var(--app-blue) 78%, #15223a);
  background: linear-gradient(145deg, var(--app-blue), #2857da);
  color: #fff;
  font-weight: 720;
  box-shadow: 0 8px 20px color-mix(in srgb, var(--app-blue) 16%, transparent);
}

body.app-shell:not(.inbox-app-shell) #app-view :is(
  .button-outline,
  button[data-dialog-close],
  button.secondary,
  .agent-form-footer > a
) {
  border: 1px solid rgba(174, 192, 220, .72);
  background: rgba(255, 255, 255, .82);
  color: #294267;
  box-shadow: none;
}

body.app-shell:not(.inbox-app-shell) #app-view :is(
  .notice,
  .admin-notice
) {
  min-height: 44px;
  padding: 12px 15px;
  border: 1px solid rgba(91, 182, 135, .22);
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.5;
}

/* Tables and dense work areas */

body.app-shell:not(.inbox-app-shell) #app-view :is(
  table,
  .data-table,
  .section-table,
  .platform-usage-block
) {
  overflow: hidden;
  border: 1px solid var(--app-line);
  border-radius: 13px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 10px 28px rgba(38, 55, 91, .05);
}

body.app-shell:not(.inbox-app-shell) #app-view :is(th, .data-row.heading) {
  min-height: 42px;
  background: rgba(240, 245, 253, .82);
  color: #73819a;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .075em;
}

body.app-shell:not(.inbox-app-shell) #app-view :is(td, .data-row:not(.heading)) {
  min-height: 54px;
  font-size: 13.5px;
}

/* Section pages: customers, orders, subscriptions and products */

body.app-shell:not(.inbox-app-shell) .helpdesk-section-page {
  background:
    radial-gradient(circle at 92% 0, rgba(66, 200, 207, .07), transparent 26%),
    radial-gradient(circle at 20% 0, rgba(130, 101, 255, .08), transparent 25%);
  font-family: inherit;
}

body.app-shell:not(.inbox-app-shell) .helpdesk-section-page :is(
  .section-header,
  .section-toolbar,
  .section-table-card,
  .order-summary,
  .customer-summary-card
) {
  border-color: var(--app-line);
  background: rgba(255, 255, 255, .80);
  box-shadow: var(--app-shadow);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body.app-shell:not(.inbox-app-shell) .helpdesk-section-page h1 {
  font-family: inherit;
  font-size: 38px;
  font-weight: 780;
  letter-spacing: -.04em;
}

/* Dark mode */

html[data-theme="dark"] body.app-shell:not(.inbox-app-shell) {
  --app-ink: #e8eef8;
  --app-muted: #a9b6ca;
  --app-line: rgba(103, 126, 162, .38);
  --app-glass: rgba(16, 29, 47, .82);
  --app-glass-strong: rgba(17, 31, 51, .94);
  --app-shadow: 0 18px 46px rgba(0, 0, 0, .24);
  background:
    radial-gradient(circle at 8% 5%, rgba(100, 81, 220, .15), transparent 28%),
    radial-gradient(circle at 93% 12%, rgba(38, 157, 181, .13), transparent 29%),
    #0c1524;
}

html[data-theme="dark"] body.app-shell:not(.inbox-app-shell) .helpdesk-topbar,
html[data-theme="dark"] body.app-shell:not(.inbox-app-shell) #app-view :is(
  .panel,
  .plugin-card,
  .connection-card,
  .billing-plan,
  .agent-profile-card,
  .agent-add-card,
  .agent-routing-card,
  .agent-settings-card,
  .audit-card,
  .brain-panel,
  .brain-flow-panel,
  .brain-routing-panel,
  .iq-layer-card,
  .knowledge-create-card,
  .knowledge-link-card,
  .macro-hero-card,
  .csat-settings-card,
  .workday-settings-card,
  .supervisor-panel,
  .supervisor-card,
  .incident-card,
  .experiment-card,
  .pi-panel,
  .claim-card,
  .planner-card,
  .signal-card,
  .value-card,
  .recent-card,
  .chart-card,
  .hub-card,
  .section-table-card,
  .widget-preview-card,
  .email-forwarding-card
) {
  border-color: var(--app-line) !important;
  background: linear-gradient(145deg, rgba(20, 35, 57, .93), rgba(15, 28, 47, .82)) !important;
  color: var(--app-ink);
}

html[data-theme="dark"] body.app-shell:not(.inbox-app-shell) #app-view :is(input, select, textarea),
html[data-theme="dark"] body.app-shell:not(.inbox-app-shell) #app-view :is(
  .connection-overview > div,
  .platform-integration-grid article,
  .capability-grid > div,
  .row-item,
  .macro-library-row,
  .knowledge-library-row
) {
  border-color: var(--app-line) !important;
  background: rgba(16, 29, 48, .80) !important;
  color: var(--app-ink);
}

@media (max-width: 1460px) {
  body.app-shell:not(.inbox-app-shell) .topbar-tenant-wrap {
    display: none;
  }

  body.app-shell:not(.inbox-app-shell) .helpdesk-sidebar {
    width: 224px;
  }

  body.app-shell:not(.inbox-app-shell) #app-view {
    padding-left: 248px;
  }

  body.app-shell:not(.inbox-app-shell):has(.helpdesk-sidebar.collapsed) #app-view {
    padding-left: 82px;
  }
}

@media (max-width: 1180px) {
  body.app-shell:not(.inbox-app-shell) #app-view > :is(
    .workspace-page,
    .helpdesk-admin-page,
    .operations-center,
    .supervisor-page,
    .customer-360-page,
    .experiment-page,
    .incident-page,
    .operator-page,
    .product-intelligence-page,
    .claims-page
  ) {
    padding-inline: 24px;
  }
}

@media (max-width: 1350px) and (min-width: 761px) {
  body.app-shell:not(.inbox-app-shell) .inbox-app-brand > strong,
  body.app-shell:not(.inbox-app-shell) .inbox-app-divider,
  body.app-shell:not(.inbox-app-shell) .helpdesk-topbar .topbar-actions > span {
    display: none;
  }

  body.app-shell:not(.inbox-app-shell) .global-search {
    width: min(430px, 39vw);
  }
}

@media (max-width: 760px) {
  body.app-shell:not(.inbox-app-shell) .helpdesk-topbar {
    inset: 0 0 auto;
    height: 58px;
    border-width: 0 0 1px;
    border-radius: 0;
  }

  body.app-shell:not(.inbox-app-shell) #app-view {
    padding: 58px 0 0;
  }

  body.app-shell:not(.inbox-app-shell) .inbox-app-brand {
    left: 10px;
  }

  body.app-shell:not(.inbox-app-shell) .inbox-window-controls,
  body.app-shell:not(.inbox-app-shell) .inbox-app-divider,
  body.app-shell:not(.inbox-app-shell) .inbox-app-brand > strong {
    display: none;
  }

  body.app-shell:not(.inbox-app-shell) .inbox-app-brand img {
    width: 94px;
  }

  body.app-shell:not(.inbox-app-shell) .helpdesk-topbar .topbar-actions {
    right: 8px;
  }

  body.app-shell:not(.inbox-app-shell) .topbar-copilot {
    display: none;
  }

  body.app-shell:not(.inbox-app-shell) .topbar-icon {
    width: 38px;
    height: 38px;
  }

  body.app-shell:not(.inbox-app-shell) .helpdesk-sidebar,
  body.app-shell:not(.inbox-app-shell) .helpdesk-sidebar.collapsed {
    inset: 58px auto 0 0;
    width: 60px;
    border: 0;
    border-radius: 0;
  }

  body.app-shell:not(.inbox-app-shell) .helpdesk-sidebar-head {
    display: none;
  }

  body.app-shell:not(.inbox-app-shell):has(.helpdesk-sidebar.collapsed) #app-view {
    padding-left: 0;
  }

  body.app-shell:not(.inbox-app-shell) #app-view {
    font-size: 14px;
  }

  body.app-shell:not(.inbox-app-shell) #app-view > :is(
    .workspace-page,
    .helpdesk-admin-page,
    .operations-center,
    .supervisor-page,
    .customer-360-page,
    .experiment-page,
    .incident-page,
    .operator-page,
    .product-intelligence-page,
    .claims-page
  ) {
    padding: 24px 14px 64px;
  }

  body.app-shell:not(.inbox-app-shell) #app-view :is(
    .page-title,
    .admin-page-head,
    .operations-heading,
    .supervisor-heading,
    .customer-360-heading,
    .experiment-heading,
    .incident-heading,
    .operator-heading,
    .pi-heading,
    .claims-heading
  ) h1 {
    font-size: 34px;
  }
}