:root{
  color-scheme:dark;
  font-family:var(--sd-font-body,system-ui,sans-serif);
  background:var(--sd-bg,#09151f);
  color:var(--sd-ink,#f2e7d4);
  line-height:1.6}
  *{
    box-sizing:border-box}
    body{
      margin:0;
      --page:var(--sdou-a11y-page,var(--sd-bg));
      --panel:var(--sdou-a11y-panel,var(--sd-panel));
      --ink:var(--sdou-a11y-text,var(--sd-ink));
      --muted:var(--sdou-a11y-muted,var(--sd-muted));
      --line:var(--sdou-a11y-line,var(--sd-line));
      --accent:var(--sdou-a11y-accent,var(--sd-accent));
      --teal:var(--sdou-a11y-secondary,var(--sd-secondary));
      background:var(--page);
      color:var(--ink)}
      [hidden]{
        display:none!important}
        main{
          width:min(1120px,100% - 2rem);
          margin:auto}
          nav{
            display:flex;
            justify-content:space-between;
            gap:1rem;
            align-items:center;
            padding:1.25rem 0;
            border-bottom:1px solid var(--line);
            flex-wrap:wrap}
            nav>div{
              display:flex;
              gap:1.25rem}
              a{
                color:var(--teal);
                text-underline-offset:.25em}
                .wordmark{
                  font-weight:750;
                  font-size:1.35em;
                  text-decoration:none;
                  letter-spacing:.06em}
                  .wordmark span{
                    font-weight:400;
                    font-size:.7em;
                    letter-spacing:0;
                    margin-left:.6em;
                    color:var(--muted)}
                    [aria-current=page]{
                      color:var(--ink);
                      text-decoration-thickness:3px}
                      header{
                        padding:2.6rem 0 .5rem}
                        h1{
                          font-size:clamp(2.3em,5vw,3.8em);
                          line-height:1.08;
                          letter-spacing:-.04em;
                          margin:.5em 0}
                          h1 span{
                            color:var(--accent)}
                            h2{
                              font-size:1.4em;
                              margin:0 0 .6em}
                              h3{
                                font-size:1.1em}
                                p{
                                  max-width:70ch}
                                  code{
                                    font-family:var(--sd-font-mono,monospace);
                                    overflow-wrap:anywhere}
                                    .eyebrow{
                                      color:var(--teal);
                                      letter-spacing:.12em;
                                      font-size:.8em;
                                      font-weight:650}
                                      .notice,#status{
                                        padding:1rem;
                                        border-left:3px solid var(--accent);
                                        background:var(--panel);
                                        max-width:none}
                                        .workspace{
                                          display:grid;
                                          grid-template-columns:minmax(0,1fr) minmax(0,1fr);
                                          gap:1.25rem}
                                          .panel{
                                            min-width:0;
                                            border:1px solid var(--line);
                                            border-radius:var(--sd-radius,18px);
                                            padding:1.3rem;
                                            background:var(--panel);
                                            margin:1rem 0}
                                            .workspace>.panel{
                                              margin:.5rem 0}
                                              .muted,footer{
                                                color:var(--muted)}
                                                label{
                                                  display:block;
                                                  margin:.8rem 0}
                                                  input,select,textarea,button{
                                                    font:inherit;
                                                    max-width:100%;
                                                    border:1px solid var(--line);
                                                    border-radius:.45rem;
                                                    padding:.65rem;
                                                    background:var(--page);
                                                    color:var(--ink)}
                                                    input,select,textarea{
                                                      display:block;
                                                      width:100%;
                                                      margin-top:.3rem;
                                                      min-width:0}
                                                      textarea{
                                                        resize:vertical}
                                                        input[type=checkbox]{
                                                          width:1.3em;
                                                          height:1.3em}
                                                          button{
                                                            cursor:pointer;
                                                            min-height:44px}
                                                            button:hover{
                                                              border-color:var(--accent);
                                                              box-shadow:inset 0 0 0 1px var(--accent)}
                                                              button:active{
                                                                filter:brightness(.85)}
                                                                button[type=submit],#save-settings{
                                                                  background:var(--accent);
                                                                  color:var(--sdou-a11y-page,var(--sd-on-accent));
                                                                  border-color:var(--accent);
                                                                  font-weight:650}
                                                                  button:disabled{
                                                                    opacity:.55;
                                                                    cursor:default}
                                                                    :focus-visible{
                                                                      outline:3px solid var(--teal);
                                                                      outline-offset:3px}
                                                                      fieldset{
                                                                        border:0;
                                                                        padding:0;
                                                                        margin:0;
                                                                        min-width:0}
                                                                        #questions{
                                                                          border-top:1px solid var(--line);
                                                                          margin:1.5rem 0;
                                                                          padding-top:1rem}
                                                                          .pair,.form-grid,.form-preview{
                                                                            display:grid;
                                                                            grid-template-columns:repeat(2,minmax(0,1fr));
                                                                            gap:0 1rem}
                                                                            .span-2{
                                                                              grid-column:1/-1}
                                                                              .actions{
                                                                                display:flex;
                                                                                gap:.65rem;
                                                                                flex-wrap:wrap;
                                                                                align-items:center;
                                                                                margin:.8rem 0}
                                                                                .section-head{
                                                                                  display:flex;
                                                                                  justify-content:space-between;
                                                                                  gap:1rem;
                                                                                  align-items:center;
                                                                                  flex-wrap:wrap}
                                                                                  .section-head h2{
                                                                                    margin-bottom:0}
                                                                                    #preview,#transfer,#template,pre{
                                                                                      font-family:var(--sd-font-mono,monospace);
                                                                                      font-size:.9em;
                                                                                      white-space:pre-wrap;
                                                                                      overflow-wrap:anywhere}
                                                                                      details{
                                                                                        border-top:1px solid var(--line);
                                                                                        margin:1rem 0;
                                                                                        padding:1rem 0}
                                                                                        summary{
                                                                                          cursor:pointer;
                                                                                          overflow-wrap:anywhere}
                                                                                          footer{
                                                                                            padding:2rem 0 5rem}
                                                                                            .toolbar{
                                                                                              display:flex;
                                                                                              gap:1.25rem;
                                                                                              align-items:center;
                                                                                              flex-wrap:wrap}
                                                                                              .toolbar label{
                                                                                                min-width:12rem}
                                                                                                .toolbar p{
                                                                                                  flex:1;
                                                                                                  min-width:10rem}
                                                                                                  .badge{
                                                                                                    color:var(--teal);
                                                                                                    font-size:.85em}
                                                                                                    .editor-grid{
                                                                                                      display:grid;
                                                                                                      grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(0,250px);
                                                                                                      gap:1rem}
                                                                                                      .editor-grid .panel{
                                                                                                        padding:1rem}
                                                                                                        .editor-grid h2{
                                                                                                          font-size:1.2em}
                                                                                                          .field-list{
                                                                                                            display:grid;
                                                                                                            gap:.5rem}
                                                                                                            .field-list button{
                                                                                                              text-align:left;
                                                                                                              padding:.7rem}
                                                                                                              .field-list button[aria-pressed=true]{
                                                                                                                border-color:var(--accent);
                                                                                                                box-shadow:inset 3px 0 var(--accent)}
                                                                                                                .field-list strong,.field-list code{
                                                                                                                  display:block}
                                                                                                                  .field-list code{
                                                                                                                    font-size:.75em;
                                                                                                                    color:var(--muted)}
                                                                                                                    .form-preview{
                                                                                                                      padding:1rem;
                                                                                                                      border:1px dashed var(--line);
                                                                                                                      border-radius:.5rem;
                                                                                                                      align-content:start;
                                                                                                                      min-height:20rem}
                                                                                                                      .form-preview.phone{
                                                                                                                        max-width:320px;
                                                                                                                        margin-inline:auto;
                                                                                                                        grid-template-columns:minmax(0,1fr)}
                                                                                                                        .preview-field{
                                                                                                                          min-width:0;
                                                                                                                          margin:.6rem 0;
                                                                                                                          overflow-wrap:anywhere}
                                                                                                                          .preview-field>span{
                                                                                                                            font-size:.85em}
                                                                                                                            .preview-value{
                                                                                                                              padding:.65rem;
                                                                                                                              border:1px solid var(--line);
                                                                                                                              border-radius:.4rem;
                                                                                                                              color:var(--muted);
                                                                                                                              background:var(--page);
                                                                                                                              margin-top:.3rem}
                                                                                                                              .preview-value.multiline{
                                                                                                                                min-height:7em}
                                                                                                                                .tags{
                                                                                                                                  display:flex;
                                                                                                                                  flex-wrap:wrap;
                                                                                                                                  gap:.4rem}
                                                                                                                                  .tags button{
                                                                                                                                    font-family:var(--sd-font-mono,monospace);
                                                                                                                                    font-size:.8em;
                                                                                                                                    min-height:36px}
                                                                                                                                    .output-preview{
                                                                                                                                      border:1px solid var(--line);
                                                                                                                                      border-radius:.5rem;
                                                                                                                                      padding:1rem;
                                                                                                                                      background:var(--page);
                                                                                                                                      min-height:15rem}
                                                                                                                                      #template-errors{
                                                                                                                                        color:var(--accent)}
                                                                                                                                        dialog{
                                                                                                                                          background:var(--panel,var(--sd-panel));
                                                                                                                                          color:var(--ink,var(--sd-ink));
                                                                                                                                          border:1px solid var(--line,var(--sd-line));
                                                                                                                                          border-radius:1rem;
                                                                                                                                          max-width:min(32rem,calc(100% - 2rem));
                                                                                                                                          padding:1.5rem}
                                                                                                                                          dialog::backdrop{
                                                                                                                                            background:#0009}
                                                                                                                                            .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}
                                                                                                                                              @media(max-width:1000px){
                                                                                                                                                .editor-grid{
                                                                                                                                                  grid-template-columns:minmax(0,200px) minmax(0,1fr)}
                                                                                                                                                  .editor-grid>aside:last-child{
                                                                                                                                                    grid-column:1/-1}
                                                                                                                                                  }
                                                                                                                                                  @media(max-width:760px){
                                                                                                                                                    .workspace,.editor-grid,.pair,.form-grid{
                                                                                                                                                      grid-template-columns:minmax(0,1fr)}
                                                                                                                                                      .editor-grid>aside:last-child{
                                                                                                                                                        grid-column:auto}
                                                                                                                                                        .form-preview{
                                                                                                                                                          grid-template-columns:minmax(0,1fr)}
                                                                                                                                                          .wordmark span{
                                                                                                                                                            display:none}
                                                                                                                                                            h1{
                                                                                                                                                              font-size:2.4em}
                                                                                                                                                              .panel{
                                                                                                                                                                padding:1rem}
                                                                                                                                                                .toolbar{
                                                                                                                                                                  align-items:stretch}
                                                                                                                                                                  .toolbar>*{
                                                                                                                                                                    width:100%}
                                                                                                                                                                    .toolbar label{
                                                                                                                                                                      min-width:0}
                                                                                                                                                                      .section-head{
                                                                                                                                                                        align-items:flex-start}
                                                                                                                                                                        main{
                                                                                                                                                                          width:calc(100% - 1.5rem)}
                                                                                                                                                                        }
                                                                                                                                                                        @media(prefers-reduced-motion:reduce){
                                                                                                                                                                          *{
                                                                                                                                                                            scroll-behavior:auto!important}
                                                                                                                                                                          }
                                                                                                                                                                          /* Service desk shell. Native navigation, text, controls and CSS layout. */
                                                                                                                                                                          .app-shell {
                                                                                                                                                                            width: min(1120px, calc(100% - 2.5rem));
                                                                                                                                                                            margin-inline: auto;
                                                                                                                                                                          }
                                                                                                                                                                          .app-shell main {
                                                                                                                                                                            width: 100%;
                                                                                                                                                                          }
                                                                                                                                                                          .skip-link {
                                                                                                                                                                            position: fixed;
                                                                                                                                                                            top: -100px;
                                                                                                                                                                            left: 1rem;
                                                                                                                                                                            z-index: 500;
                                                                                                                                                                            background: var(--panel);
                                                                                                                                                                            padding: .75rem;
                                                                                                                                                                          }
                                                                                                                                                                          .skip-link:focus {
                                                                                                                                                                            top: 1rem;
                                                                                                                                                                          }
                                                                                                                                                                          .app-header {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            justify-content: space-between;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                            padding: 1.6rem 0;
                                                                                                                                                                          }
                                                                                                                                                                          .wordmark {
                                                                                                                                                                            display: inline-flex;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                          }
                                                                                                                                                                          .wordmark > strong {
                                                                                                                                                                            font-size: 1.65em;
                                                                                                                                                                            letter-spacing: -.06em;
                                                                                                                                                                            display: flex;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            gap: .25em;
                                                                                                                                                                            color: var(--ink);
                                                                                                                                                                          }
                                                                                                                                                                          .wordmark > span {
                                                                                                                                                                            font-family: var(--sd-font-mono);
                                                                                                                                                                            letter-spacing: .12em;
                                                                                                                                                                            font-size: .52em;
                                                                                                                                                                            max-width: 12ch;
                                                                                                                                                                            line-height: 1.7;
                                                                                                                                                                            margin: 0;
                                                                                                                                                                          }
                                                                                                                                                                          .brand-dot {
                                                                                                                                                                            width: .22em;
                                                                                                                                                                            height: .22em;
                                                                                                                                                                            border-radius: 50%;
                                                                                                                                                                            background: var(--accent);
                                                                                                                                                                            margin-top: .4em;
                                                                                                                                                                          }
                                                                                                                                                                          .header-meta {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                          }
                                                                                                                                                                          .demo-badge {
                                                                                                                                                                            display: inline-flex;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            gap: .5em;
                                                                                                                                                                            font-size: .75em;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                          }
                                                                                                                                                                          .demo-badge i, .lamp {
                                                                                                                                                                            width: 6px;
                                                                                                                                                                            height: 6px;
                                                                                                                                                                            border-radius: 50%;
                                                                                                                                                                            background: var(--teal);
                                                                                                                                                                            display: inline-block;
                                                                                                                                                                          }
                                                                                                                                                                          .avatar {
                                                                                                                                                                            background: var(--panel);
                                                                                                                                                                            border: 1px solid var(--line);
                                                                                                                                                                            width: 36px;
                                                                                                                                                                            height: 36px;
                                                                                                                                                                            display: grid;
                                                                                                                                                                            place-items: center;
                                                                                                                                                                            border-radius: 50%;
                                                                                                                                                                            font-size: .65em;
                                                                                                                                                                            font-weight: 700;
                                                                                                                                                                            color: var(--accent);
                                                                                                                                                                          }
                                                                                                                                                                          .top-tabs {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            justify-content: flex-start;
                                                                                                                                                                            align-items: stretch;
                                                                                                                                                                            gap: 1.75rem;
                                                                                                                                                                            padding: 0;
                                                                                                                                                                            flex-wrap: wrap;
                                                                                                                                                                            border-top: 1px solid var(--line);
                                                                                                                                                                            border-bottom: 1px solid var(--line);
                                                                                                                                                                          }
                                                                                                                                                                          .top-tabs > a {
                                                                                                                                                                            padding: 1rem 0;
                                                                                                                                                                            text-decoration: none;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                            font-size: .85em;
                                                                                                                                                                            display: inline-flex;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            gap: .5rem;
                                                                                                                                                                            border-bottom: 2px solid transparent;
                                                                                                                                                                            margin-bottom: -1px;
                                                                                                                                                                          }
                                                                                                                                                                          .top-tabs > a[aria-current=page] {
                                                                                                                                                                            color: var(--ink);
                                                                                                                                                                            border-bottom-color: var(--accent);
                                                                                                                                                                          }
                                                                                                                                                                          .tab-count {
                                                                                                                                                                            border: 1px solid var(--line);
                                                                                                                                                                            border-radius: .3em;
                                                                                                                                                                            padding: .02em .45em;
                                                                                                                                                                            font: .8em var(--sd-font-mono);
                                                                                                                                                                          }
                                                                                                                                                                          .workspace-bar {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            justify-content: space-between;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                            padding-top: .8rem;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                            font-size: .72em;
                                                                                                                                                                          }
                                                                                                                                                                          .workspace-bar > span {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            gap: .5rem;
                                                                                                                                                                          }
                                                                                                                                                                          .workspace-bar > div {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            gap: .5rem;
                                                                                                                                                                          }
                                                                                                                                                                          .quiet {
                                                                                                                                                                            background: transparent;
                                                                                                                                                                            border-color: transparent;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                          }
                                                                                                                                                                          #status.app-status {
                                                                                                                                                                            margin: .5rem 0 0;
                                                                                                                                                                            padding: .4rem .65rem;
                                                                                                                                                                            border-left-width: 2px;
                                                                                                                                                                            font-size: .75em;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                            min-height: 2.6em;
                                                                                                                                                                            background: transparent;
                                                                                                                                                                          }
                                                                                                                                                                          .page-heading {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            justify-content: space-between;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            gap: 2rem;
                                                                                                                                                                            margin: 2rem 0;
                                                                                                                                                                          }
                                                                                                                                                                          .page-heading h1 {
                                                                                                                                                                            margin: .3em 0;
                                                                                                                                                                            font-size: clamp(2em, 4.3vw, 3.5em);
                                                                                                                                                                            line-height: 1.13;
                                                                                                                                                                          }
                                                                                                                                                                          .page-heading p:not(.eyebrow) {
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                            font-size: .88em;
                                                                                                                                                                            margin-top: 1rem;
                                                                                                                                                                          }
                                                                                                                                                                          .page-heading.compact {
                                                                                                                                                                            margin: 1.6rem 0 1.8rem;
                                                                                                                                                                          }
                                                                                                                                                                          .page-heading.compact h1 {
                                                                                                                                                                            font-size: clamp(1.8em, 3.5vw, 2.7em);
                                                                                                                                                                          }
                                                                                                                                                                          .button {
                                                                                                                                                                            display: inline-flex;
                                                                                                                                                                            justify-content: center;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            gap: .5rem;
                                                                                                                                                                            text-decoration: none;
                                                                                                                                                                            min-height: 44px;
                                                                                                                                                                            border: 1px solid var(--line);
                                                                                                                                                                            border-radius: .5rem;
                                                                                                                                                                            padding: .7rem 1rem;
                                                                                                                                                                            color: var(--ink);
                                                                                                                                                                            font-weight: 600;
                                                                                                                                                                            font-size: .85em;
                                                                                                                                                                          }
                                                                                                                                                                          .button:hover {
                                                                                                                                                                            border-color: var(--accent);
                                                                                                                                                                          }
                                                                                                                                                                          .primary, button.primary, .button.primary, #save-settings {
                                                                                                                                                                            background: var(--accent);
                                                                                                                                                                            border-color: var(--accent);
                                                                                                                                                                            color: var(--page);
                                                                                                                                                                            font-weight: 650;
                                                                                                                                                                          }
                                                                                                                                                                          .section-marker {
                                                                                                                                                                            font-size: .65em;
                                                                                                                                                                            font-family: var(--sd-font-mono);
                                                                                                                                                                            letter-spacing: .1em;
                                                                                                                                                                            padding: .5rem;
                                                                                                                                                                            border-left: 2px solid var(--accent);
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                          }
                                                                                                                                                                          .metric-grid {
                                                                                                                                                                            display: grid;
                                                                                                                                                                            grid-template-columns: repeat(4, minmax(0, 1fr));
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                          }
                                                                                                                                                                          .metric {
                                                                                                                                                                            background: var(--panel);
                                                                                                                                                                            border: 1px solid var(--line);
                                                                                                                                                                            border-radius: .85rem;
                                                                                                                                                                            padding: 1.1rem 1.25rem;
                                                                                                                                                                            position: relative;
                                                                                                                                                                          }
                                                                                                                                                                          .metric::before {
                                                                                                                                                                            content: '';
                                                                                                                                                                            position: absolute;
                                                                                                                                                                            top: 1.4rem;
                                                                                                                                                                            right: 1.2rem;
                                                                                                                                                                            width: 7px;
                                                                                                                                                                            height: 7px;
                                                                                                                                                                            border-radius: 50%;
                                                                                                                                                                            background: var(--muted);
                                                                                                                                                                          }
                                                                                                                                                                          .metric.escalated::before {
                                                                                                                                                                            background: var(--accent);
                                                                                                                                                                          }
                                                                                                                                                                          .metric.resolved::before {
                                                                                                                                                                            background: var(--teal);
                                                                                                                                                                          }
                                                                                                                                                                          .metric-label {
                                                                                                                                                                            font-size: .8em;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                            margin: 0;
                                                                                                                                                                          }
                                                                                                                                                                          .metric-number {
                                                                                                                                                                            display: block;
                                                                                                                                                                            font-size: 2.7em;
                                                                                                                                                                            letter-spacing: -.06em;
                                                                                                                                                                            font-weight: 550;
                                                                                                                                                                            line-height: 1.5;
                                                                                                                                                                          }
                                                                                                                                                                          .metric-note {
                                                                                                                                                                            font-size: .67em;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                            margin: 0;
                                                                                                                                                                          }
                                                                                                                                                                          .dashboard-grid {
                                                                                                                                                                            display: grid;
                                                                                                                                                                            grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                          }
                                                                                                                                                                          .dashboard-grid .panel {
                                                                                                                                                                            margin-top: 1.25rem;
                                                                                                                                                                            margin-bottom: 0;
                                                                                                                                                                          }
                                                                                                                                                                          .panel {
                                                                                                                                                                            border-radius: .85rem;
                                                                                                                                                                          }
                                                                                                                                                                          .panel .section-head h2 {
                                                                                                                                                                            font-size: 1.1em;
                                                                                                                                                                            letter-spacing: -.02em;
                                                                                                                                                                          }
                                                                                                                                                                          .panel .section-head .eyebrow {
                                                                                                                                                                            font-size: .6em;
                                                                                                                                                                            margin-bottom: .5rem;
                                                                                                                                                                          }
                                                                                                                                                                          .panel .section-head > a, .panel .section-head > span {
                                                                                                                                                                            font-size: .7em;
                                                                                                                                                                          }
                                                                                                                                                                          .attention-panel {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            flex-direction: column;
                                                                                                                                                                            align-items: flex-start;
                                                                                                                                                                            border-top: 2px solid var(--accent);
                                                                                                                                                                          }
                                                                                                                                                                          .attention-panel > .eyebrow {
                                                                                                                                                                            font-size: .62em;
                                                                                                                                                                          }
                                                                                                                                                                          .attention-panel h2 {
                                                                                                                                                                            font-size: 1.5em;
                                                                                                                                                                            line-height: 1.2;
                                                                                                                                                                            letter-spacing: -.03em;
                                                                                                                                                                          }
                                                                                                                                                                          .attention-count {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                            margin-top: 1.2rem;
                                                                                                                                                                          }
                                                                                                                                                                          .attention-count strong {
                                                                                                                                                                            font-size: 3em;
                                                                                                                                                                            line-height: 1.2;
                                                                                                                                                                            font-weight: 500;
                                                                                                                                                                            color: var(--accent);
                                                                                                                                                                          }
                                                                                                                                                                          .attention-count span {
                                                                                                                                                                            max-width: 13ch;
                                                                                                                                                                            font-size: .8em;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                          }
                                                                                                                                                                          #attention > p {
                                                                                                                                                                            font-size: .75em;
                                                                                                                                                                            margin-top: 1rem;
                                                                                                                                                                          }
                                                                                                                                                                          .text-action {
                                                                                                                                                                            margin-top: auto;
                                                                                                                                                                            padding-top: 1.5rem;
                                                                                                                                                                            font-size: .8em;
                                                                                                                                                                            text-decoration: none;
                                                                                                                                                                          }
                                                                                                                                                                          .text-button, .ticket-title {
                                                                                                                                                                            background: transparent;
                                                                                                                                                                            border: 0;
                                                                                                                                                                            border-radius: .25em;
                                                                                                                                                                            padding: .2em 0;
                                                                                                                                                                            min-height: 0;
                                                                                                                                                                            text-align: left;
                                                                                                                                                                            box-shadow: none;
                                                                                                                                                                            color: var(--ink);
                                                                                                                                                                          }
                                                                                                                                                                          .text-button:hover, .ticket-title:hover {
                                                                                                                                                                            color: var(--accent);
                                                                                                                                                                            box-shadow: none;
                                                                                                                                                                            text-decoration: underline;
                                                                                                                                                                          }
                                                                                                                                                                          .text-button {
                                                                                                                                                                            font-size: .8em;
                                                                                                                                                                          }
                                                                                                                                                                          .ticket-list {
                                                                                                                                                                            list-style: none;
                                                                                                                                                                            padding: 0;
                                                                                                                                                                            margin: 1rem 0 0;
                                                                                                                                                                          }
                                                                                                                                                                          .ticket-row {
                                                                                                                                                                            display: grid;
                                                                                                                                                                            grid-template-columns: minmax(0, 2.8fr) minmax(65px, .7fr) minmax(90px, 1fr) minmax(100px, .9fr) minmax(60px, .55fr);
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            padding: 1.1rem 0;
                                                                                                                                                                            border-top: 1px solid var(--line);
                                                                                                                                                                            min-width: 0;
                                                                                                                                                                          }
                                                                                                                                                                          .ticket-main {
                                                                                                                                                                            min-width: 0;
                                                                                                                                                                          }
                                                                                                                                                                          .ticket-code {
                                                                                                                                                                            font: .65em var(--sd-font-mono);
                                                                                                                                                                            letter-spacing: .03em;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                            display: block;
                                                                                                                                                                            margin-bottom: .4rem;
                                                                                                                                                                            overflow-wrap: anywhere;
                                                                                                                                                                          }
                                                                                                                                                                          .ticket-title {
                                                                                                                                                                            font-size: .88em;
                                                                                                                                                                            line-height: 1.5;
                                                                                                                                                                            font-weight: 600;
                                                                                                                                                                            display: block;
                                                                                                                                                                            overflow-wrap: anywhere;
                                                                                                                                                                          }
                                                                                                                                                                          .ticket-meta {
                                                                                                                                                                            font-size: .65em;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                            margin: .25rem 0 0;
                                                                                                                                                                            overflow-wrap: anywhere;
                                                                                                                                                                          }
                                                                                                                                                                          .ticket-assignee, .ticket-time {
                                                                                                                                                                            font-size: .7em;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                            overflow-wrap: anywhere;
                                                                                                                                                                          }
                                                                                                                                                                          .ticket-time {
                                                                                                                                                                            text-align: right;
                                                                                                                                                                          }
                                                                                                                                                                          .status-badge {
                                                                                                                                                                            display: inline-flex;
                                                                                                                                                                            gap: .35em;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            padding: .25em .55em;
                                                                                                                                                                            border: 1px solid var(--line);
                                                                                                                                                                            border-radius: .35rem;
                                                                                                                                                                            font-size: .65em;
                                                                                                                                                                            white-space: nowrap;
                                                                                                                                                                            color: var(--ink);
                                                                                                                                                                          }
                                                                                                                                                                          .status-badge::before {
                                                                                                                                                                            content: '';
                                                                                                                                                                            width: 5px;
                                                                                                                                                                            height: 5px;
                                                                                                                                                                            flex-shrink: 0;
                                                                                                                                                                            border-radius: 50%;
                                                                                                                                                                            background: currentColor;
                                                                                                                                                                          }
                                                                                                                                                                          .status-badge.escalated, .status-badge.high {
                                                                                                                                                                            color: var(--accent);
                                                                                                                                                                            border-color: var(--accent);
                                                                                                                                                                          }
                                                                                                                                                                          .status-badge.resolved, .status-badge.progress {
                                                                                                                                                                            color: var(--teal);
                                                                                                                                                                          }
                                                                                                                                                                          .status-badge.low, .status-badge.waiting {
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                          }
                                                                                                                                                                          .compact-list .ticket-row {
                                                                                                                                                                            grid-template-columns: minmax(0, 1fr) auto;
                                                                                                                                                                            gap: .8rem;
                                                                                                                                                                          }
                                                                                                                                                                          .compact-list .ticket-priority, .compact-list .ticket-assignee, .compact-list .ticket-time {
                                                                                                                                                                            display: none;
                                                                                                                                                                          }
                                                                                                                                                                          .workload-row {
                                                                                                                                                                            margin-top: 1.2rem;
                                                                                                                                                                          }
                                                                                                                                                                          .workload-row .section-head {
                                                                                                                                                                            font-size: .8em;
                                                                                                                                                                          }
                                                                                                                                                                          progress {
                                                                                                                                                                            width: 100%;
                                                                                                                                                                            height: 5px;
                                                                                                                                                                            display: block;
                                                                                                                                                                            border: 0;
                                                                                                                                                                            border-radius: 3px;
                                                                                                                                                                            overflow: hidden;
                                                                                                                                                                            margin: .6rem 0;
                                                                                                                                                                            color: var(--accent);
                                                                                                                                                                            background: var(--page);
                                                                                                                                                                          }
                                                                                                                                                                          progress::-webkit-progress-bar {
                                                                                                                                                                            background: var(--page);
                                                                                                                                                                          }
                                                                                                                                                                          progress::-webkit-progress-value {
                                                                                                                                                                            background: var(--accent);
                                                                                                                                                                          }
                                                                                                                                                                          progress::-moz-progress-bar {
                                                                                                                                                                            background: var(--accent);
                                                                                                                                                                          }
                                                                                                                                                                          .event-list {
                                                                                                                                                                            list-style: none;
                                                                                                                                                                            padding: 0;
                                                                                                                                                                            margin: 1rem 0 0;
                                                                                                                                                                          }
                                                                                                                                                                          .event-item {
                                                                                                                                                                            display: grid;
                                                                                                                                                                            grid-template-columns: 10px minmax(0, 1fr);
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                            padding: .9rem 0;
                                                                                                                                                                            border-top: 1px solid var(--line);
                                                                                                                                                                          }
                                                                                                                                                                          .event-dot {
                                                                                                                                                                            width: 6px;
                                                                                                                                                                            height: 6px;
                                                                                                                                                                            border-radius: 50%;
                                                                                                                                                                            background: var(--muted);
                                                                                                                                                                            margin-top: .55em;
                                                                                                                                                                          }
                                                                                                                                                                          .event-dot.escalated {
                                                                                                                                                                            background: var(--accent);
                                                                                                                                                                          }
                                                                                                                                                                          .event-dot.resolved {
                                                                                                                                                                            background: var(--teal);
                                                                                                                                                                          }
                                                                                                                                                                          .event-heading {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                            align-items: baseline;
                                                                                                                                                                            justify-content: space-between;
                                                                                                                                                                          }
                                                                                                                                                                          .event-heading strong {
                                                                                                                                                                            font-size: .8em;
                                                                                                                                                                            font-weight: 600;
                                                                                                                                                                          }
                                                                                                                                                                          .event-heading time {
                                                                                                                                                                            font-size: .65em;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                          }
                                                                                                                                                                          .event-note {
                                                                                                                                                                            font-size: .8em;
                                                                                                                                                                            margin: .4rem 0;
                                                                                                                                                                            white-space: pre-wrap;
                                                                                                                                                                            overflow-wrap: anywhere;
                                                                                                                                                                          }
                                                                                                                                                                          .event-actor, .change-line {
                                                                                                                                                                            font-size: .68em;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                            margin: .3rem 0;
                                                                                                                                                                            overflow-wrap: anywhere;
                                                                                                                                                                          }
                                                                                                                                                                          #recent-activity .event-note {
                                                                                                                                                                            font-size: .7em;
                                                                                                                                                                          }
                                                                                                                                                                          .filter-bar {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            gap: .8rem;
                                                                                                                                                                            flex-wrap: wrap;
                                                                                                                                                                            align-items: flex-end;
                                                                                                                                                                          }
                                                                                                                                                                          .filter-bar label {
                                                                                                                                                                            flex: 1;
                                                                                                                                                                            min-width: 8rem;
                                                                                                                                                                            font-size: .75em;
                                                                                                                                                                            margin: 0;
                                                                                                                                                                          }
                                                                                                                                                                          .filter-bar .search-label {
                                                                                                                                                                            flex: 2.5;
                                                                                                                                                                            min-width: min(100%, 15rem);
                                                                                                                                                                          }
                                                                                                                                                                          .filter-bar input, .filter-bar select {
                                                                                                                                                                            min-height: 44px;
                                                                                                                                                                          }
                                                                                                                                                                          .queue-caption {
                                                                                                                                                                            padding-top: 1.3rem;
                                                                                                                                                                            font-size: .75em;
                                                                                                                                                                          }
                                                                                                                                                                          .queue-caption p {
                                                                                                                                                                            margin: 0;
                                                                                                                                                                          }
                                                                                                                                                                          .empty-state {
                                                                                                                                                                            text-align: center;
                                                                                                                                                                            padding: 3rem 1.5rem;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                            grid-column: 1/-1;
                                                                                                                                                                          }
                                                                                                                                                                          .empty-symbol {
                                                                                                                                                                            font-size: 2rem;
                                                                                                                                                                            color: var(--accent);
                                                                                                                                                                          }
                                                                                                                                                                          .empty-state h3 {
                                                                                                                                                                            font-size: 1.1em;
                                                                                                                                                                            color: var(--ink);
                                                                                                                                                                          }
                                                                                                                                                                          .empty-state p {
                                                                                                                                                                            max-width: 40ch;
                                                                                                                                                                            margin: .6rem auto 1rem;
                                                                                                                                                                            font-size: .8em;
                                                                                                                                                                          }
                                                                                                                                                                          .escalation-grid {
                                                                                                                                                                            display: grid;
                                                                                                                                                                            grid-template-columns: repeat(2, minmax(0, 1fr));
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                          }
                                                                                                                                                                          .escalation-card {
                                                                                                                                                                            border-top: 2px solid var(--accent);
                                                                                                                                                                            margin: 0;
                                                                                                                                                                          }
                                                                                                                                                                          .escalation-card h2 {
                                                                                                                                                                            font-size: 1.35em;
                                                                                                                                                                            margin: 1.1rem 0;
                                                                                                                                                                            line-height: 1.4;
                                                                                                                                                                          }
                                                                                                                                                                          .escalation-card blockquote {
                                                                                                                                                                            padding: .8rem 1rem;
                                                                                                                                                                            border-left: 2px solid var(--line);
                                                                                                                                                                            margin: 1rem 0;
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                            font-size: .8em;
                                                                                                                                                                            white-space: pre-wrap;
                                                                                                                                                                            overflow-wrap: anywhere;
                                                                                                                                                                          }
                                                                                                                                                                          .escalation-card .route-label {
                                                                                                                                                                            font-size: .75em;
                                                                                                                                                                            color: var(--accent);
                                                                                                                                                                          }
                                                                                                                                                                          .escalation-card .section-head {
                                                                                                                                                                            font-size: .75em;
                                                                                                                                                                          }
                                                                                                                                                                          .escalation-card > button {
                                                                                                                                                                            margin-top: 1rem;
                                                                                                                                                                            width: 100%;
                                                                                                                                                                          }
                                                                                                                                                                          .preview-panel #preview {
                                                                                                                                                                            background: var(--page);
                                                                                                                                                                            line-height: 1.8;
                                                                                                                                                                          }
                                                                                                                                                                          .transfer-panel > summary {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                            align-items: center;
                                                                                                                                                                            justify-content: space-between;
                                                                                                                                                                          }
                                                                                                                                                                          .transfer-panel > summary > span {
                                                                                                                                                                            font-size: .75em;
                                                                                                                                                                          }
                                                                                                                                                                          .ticket-drawer {
                                                                                                                                                                            width: min(680px, calc(100% - 1rem));
                                                                                                                                                                            max-width: 100%;
                                                                                                                                                                            max-height: 100dvh;
                                                                                                                                                                            height: 100dvh;
                                                                                                                                                                            margin: 0 0 0 auto;
                                                                                                                                                                            padding: 1.5rem 1.8rem;
                                                                                                                                                                            border-radius: 1rem 0 0 1rem;
                                                                                                                                                                            overflow: auto;
                                                                                                                                                                            overscroll-behavior: contain;
                                                                                                                                                                          }
                                                                                                                                                                          .drawer-head {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            justify-content: space-between;
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                            align-items: flex-start;
                                                                                                                                                                            padding-bottom: 1rem;
                                                                                                                                                                            border-bottom: 1px solid var(--line);
                                                                                                                                                                          }
                                                                                                                                                                          .drawer-head h2 {
                                                                                                                                                                            font-size: 1.5em;
                                                                                                                                                                            line-height: 1.4;
                                                                                                                                                                          }
                                                                                                                                                                          .drawer-head .eyebrow {
                                                                                                                                                                            font-size: .68em;
                                                                                                                                                                          }
                                                                                                                                                                          .drawer-head p:not(.eyebrow) {
                                                                                                                                                                            font-size: .72em;
                                                                                                                                                                          }
                                                                                                                                                                          .icon-button {
                                                                                                                                                                            padding: .45rem .8rem;
                                                                                                                                                                            flex-shrink: 0;
                                                                                                                                                                          }
                                                                                                                                                                          #detail-status {
                                                                                                                                                                            padding: .8rem;
                                                                                                                                                                            background: var(--page);
                                                                                                                                                                            border-left: 2px solid var(--accent);
                                                                                                                                                                            font-size: .78em;
                                                                                                                                                                          }
                                                                                                                                                                          #workflow-form label {
                                                                                                                                                                            font-size: .8em;
                                                                                                                                                                          }
                                                                                                                                                                          .drawer-section {
                                                                                                                                                                            border-top: 1px solid var(--line);
                                                                                                                                                                            margin-top: 1.5rem;
                                                                                                                                                                            padding-top: 1.2rem;
                                                                                                                                                                          }
                                                                                                                                                                          .drawer-section summary {
                                                                                                                                                                            font-weight: 600;
                                                                                                                                                                          }
                                                                                                                                                                          .drawer-section textarea {
                                                                                                                                                                            margin-top: 1rem;
                                                                                                                                                                            font-family: var(--sd-font-mono);
                                                                                                                                                                            font-size: .75em;
                                                                                                                                                                            white-space: pre-wrap;
                                                                                                                                                                          }
                                                                                                                                                                          .drawer-section > p {
                                                                                                                                                                            font-size: .72em;
                                                                                                                                                                          }
                                                                                                                                                                          .drawer-section h3 {
                                                                                                                                                                            font-size: 1.1em;
                                                                                                                                                                          }
                                                                                                                                                                          .app-footer {
                                                                                                                                                                            display: flex;
                                                                                                                                                                            justify-content: space-between;
                                                                                                                                                                            gap: 1rem;
                                                                                                                                                                            flex-wrap: wrap;
                                                                                                                                                                            border-top: 1px solid var(--line);
                                                                                                                                                                            margin-top: 3rem;
                                                                                                                                                                            padding: 1.5rem 0 5rem;
                                                                                                                                                                            font-size: .65em;
                                                                                                                                                                          }
                                                                                                                                                                          .settings-heading {
                                                                                                                                                                            margin: 2rem 0;
                                                                                                                                                                          }
                                                                                                                                                                          .settings-heading h1 {
                                                                                                                                                                            font-size: clamp(2em, 4vw, 3em);
                                                                                                                                                                          }
                                                                                                                                                                          .settings-heading p {
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                          }
                                                                                                                                                                          @media (max-width: 1000px) {
                                                                                                                                                                            .ticket-row {
                                                                                                                                                                              grid-template-columns: minmax(0, 2fr) auto auto;
                                                                                                                                                                            }
                                                                                                                                                                            .ticket-assignee {
                                                                                                                                                                              grid-column: 1;
                                                                                                                                                                            }
                                                                                                                                                                            .ticket-time {
                                                                                                                                                                              grid-column: 3;
                                                                                                                                                                            }
                                                                                                                                                                            .ticket-state {
                                                                                                                                                                              grid-column: 3;
                                                                                                                                                                              grid-row: 1;
                                                                                                                                                                            }
                                                                                                                                                                            .ticket-priority {
                                                                                                                                                                              grid-column: 2;
                                                                                                                                                                              grid-row: 1;
                                                                                                                                                                            }
                                                                                                                                                                            .metric {
                                                                                                                                                                              padding: 1rem;
                                                                                                                                                                            }
                                                                                                                                                                            .metric-note {
                                                                                                                                                                              max-width: 17ch;
                                                                                                                                                                            }
                                                                                                                                                                          }
                                                                                                                                                                          @media (max-width: 760px) {
                                                                                                                                                                            .app-shell {
                                                                                                                                                                              width: calc(100% - 1.5rem);
                                                                                                                                                                            }
                                                                                                                                                                            .top-tabs {
                                                                                                                                                                              gap: 0;
                                                                                                                                                                            }
                                                                                                                                                                            .top-tabs > a {
                                                                                                                                                                              flex: 1 1 30%;
                                                                                                                                                                              justify-content: center;
                                                                                                                                                                              font-size: .75em;
                                                                                                                                                                              padding: .8rem .25rem;
                                                                                                                                                                            }
                                                                                                                                                                            .tab-count {
                                                                                                                                                                              font-size: .8em;
                                                                                                                                                                            }
                                                                                                                                                                            .dashboard-grid {
                                                                                                                                                                              grid-template-columns: minmax(0, 1fr);
                                                                                                                                                                            }
                                                                                                                                                                            .metric-grid {
                                                                                                                                                                              grid-template-columns: repeat(2, minmax(0, 1fr));
                                                                                                                                                                            }
                                                                                                                                                                            .metric-number {
                                                                                                                                                                              font-size: 2.25em;
                                                                                                                                                                            }
                                                                                                                                                                            .metric-note {
                                                                                                                                                                              max-width: none;
                                                                                                                                                                              font-size: .65em;
                                                                                                                                                                            }
                                                                                                                                                                            .metric::before {
                                                                                                                                                                              right: .7rem;
                                                                                                                                                                              top: 1.3rem;
                                                                                                                                                                            }
                                                                                                                                                                            .page-heading {
                                                                                                                                                                              align-items: flex-start;
                                                                                                                                                                              flex-direction: column;
                                                                                                                                                                              gap: .6rem;
                                                                                                                                                                              margin-top: 1.5rem;
                                                                                                                                                                            }
                                                                                                                                                                            .page-heading h1 {
                                                                                                                                                                              font-size: 2.35em;
                                                                                                                                                                            }
                                                                                                                                                                            .page-heading.compact h1 {
                                                                                                                                                                              font-size: 2em;
                                                                                                                                                                            }
                                                                                                                                                                            .page-heading .button {
                                                                                                                                                                              align-self: stretch;
                                                                                                                                                                            }
                                                                                                                                                                            .page-heading .section-marker {
                                                                                                                                                                              margin: .5rem 0;
                                                                                                                                                                            }
                                                                                                                                                                            .workspace-bar {
                                                                                                                                                                              align-items: flex-start;
                                                                                                                                                                              flex-wrap: wrap;
                                                                                                                                                                              gap: .5rem;
                                                                                                                                                                            }
                                                                                                                                                                            .workspace-bar > div {
                                                                                                                                                                              margin-left: auto;
                                                                                                                                                                            }
                                                                                                                                                                            .header-meta {
                                                                                                                                                                              gap: .6rem;
                                                                                                                                                                            }
                                                                                                                                                                            .header-meta .demo-badge {
                                                                                                                                                                              font-size: .65em;
                                                                                                                                                                            }
                                                                                                                                                                            .wordmark > span {
                                                                                                                                                                              display: none;
                                                                                                                                                                            }
                                                                                                                                                                            .escalation-grid {
                                                                                                                                                                              grid-template-columns: minmax(0, 1fr);
                                                                                                                                                                            }
                                                                                                                                                                            .ticket-row {
                                                                                                                                                                              gap: .7rem;
                                                                                                                                                                              grid-template-columns: minmax(0, 1fr) auto;
                                                                                                                                                                            }
                                                                                                                                                                            .ticket-main {
                                                                                                                                                                              grid-column: 1/-1;
                                                                                                                                                                            }
                                                                                                                                                                            .ticket-state {
                                                                                                                                                                              grid-column: 2;
                                                                                                                                                                              grid-row: 2;
                                                                                                                                                                            }
                                                                                                                                                                            .ticket-priority {
                                                                                                                                                                              grid-column: 1;
                                                                                                                                                                              grid-row: 2;
                                                                                                                                                                            }
                                                                                                                                                                            .ticket-assignee {
                                                                                                                                                                              grid-column: 1;
                                                                                                                                                                              grid-row: 3;
                                                                                                                                                                            }
                                                                                                                                                                            .ticket-time {
                                                                                                                                                                              grid-column: 2;
                                                                                                                                                                              grid-row: 3;
                                                                                                                                                                            }
                                                                                                                                                                            .compact-list .ticket-state {
                                                                                                                                                                              grid-row: 2;
                                                                                                                                                                              grid-column: 1;
                                                                                                                                                                            }
                                                                                                                                                                            .compact-list .ticket-row {
                                                                                                                                                                              padding: 1rem 0;
                                                                                                                                                                            }
                                                                                                                                                                            .filter-bar {
                                                                                                                                                                              gap: .7rem;
                                                                                                                                                                            }
                                                                                                                                                                            .filter-bar .search-label {
                                                                                                                                                                              flex-basis: 100%;
                                                                                                                                                                            }
                                                                                                                                                                            .filter-bar label {
                                                                                                                                                                              min-width: calc(50% - .7rem);
                                                                                                                                                                            }
                                                                                                                                                                            .filter-bar .quiet {
                                                                                                                                                                              width: 100%;
                                                                                                                                                                            }
                                                                                                                                                                            .ticket-drawer {
                                                                                                                                                                              width: 100%;
                                                                                                                                                                              border-radius: 0;
                                                                                                                                                                              padding: 1rem;
                                                                                                                                                                            }
                                                                                                                                                                            .ticket-drawer .pair {
                                                                                                                                                                              grid-template-columns: minmax(0, 1fr);
                                                                                                                                                                            }
                                                                                                                                                                            .drawer-head h2 {
                                                                                                                                                                              font-size: 1.25em;
                                                                                                                                                                            }
                                                                                                                                                                            .transfer-panel > summary {
                                                                                                                                                                              align-items: flex-start;
                                                                                                                                                                              flex-direction: column;
                                                                                                                                                                              gap: .3rem;
                                                                                                                                                                            }
                                                                                                                                                                            .event-heading {
                                                                                                                                                                              gap: .5rem;
                                                                                                                                                                            }
                                                                                                                                                                            .app-footer {
                                                                                                                                                                              flex-direction: column;
                                                                                                                                                                            }
                                                                                                                                                                            .section-head {
                                                                                                                                                                              gap: .75rem;
                                                                                                                                                                            }
                                                                                                                                                                          }
                                                                                                                                                                          /* Keep the shared preference adapter while preserving product hierarchy. */
                                                                                                                                                                          body .eyebrow {
                                                                                                                                                                            color: var(--teal);
                                                                                                                                                                            font-size: .75em;
                                                                                                                                                                          }
                                                                                                                                                                          body :is(.muted, .ticket-meta, .ticket-code, .metric-label, .metric-note, .event-actor, .change-line) {
                                                                                                                                                                            color: var(--muted);
                                                                                                                                                                          }
                                                                                                                                                                          body .metric-label {
                                                                                                                                                                            font-size: .85em;
                                                                                                                                                                          }
                                                                                                                                                                          body .metric-note, body .ticket-meta, body .event-actor, body .change-line {
                                                                                                                                                                            font-size: .75em;
                                                                                                                                                                          }
                                                                                                                                                                          body .event-note {
                                                                                                                                                                            font-size: .85em;
                                                                                                                                                                          }
                                                                                                                                                                          body .status-badge, body .ticket-code, body .ticket-assignee, body .ticket-time {
                                                                                                                                                                            font-size: .75em;
                                                                                                                                                                          }
                                                                                                                                                                          body .event-heading time, body .demo-badge, body .workspace-bar, body .app-footer {
                                                                                                                                                                            font-size: .75em;
                                                                                                                                                                          }
                                                                                                                                                                          body .panel .section-head .eyebrow {
                                                                                                                                                                            font-size: .72em;
                                                                                                                                                                          }
                                                                                                                                                                          body .ticket-drawer #detail-requester, body .ticket-drawer .drawer-section > p {
                                                                                                                                                                            font-size: .8em;
                                                                                                                                                                          }
                                                                                                                                                                          body .wordmark > span {
                                                                                                                                                                            font-size: .55em;
                                                                                                                                                                          }
                                                                                                                                                                          @media (min-width: 761px) {
                                                                                                                                                                            .compact-list .ticket-state {
                                                                                                                                                                              grid-column: 2;
                                                                                                                                                                              grid-row: 1;
                                                                                                                                                                            }
                                                                                                                                                                            .compact-list .ticket-main {
                                                                                                                                                                              grid-column: 1;
                                                                                                                                                                              grid-row: 1;
                                                                                                                                                                            }
                                                                                                                                                                          }
                                                                                                                                                                          body {
                                                                                                                                                                            --sdou-host-font: var(--sd-font-body);
                                                                                                                                                                          }

.demo-notice {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding: .8rem 1rem;
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  border-radius: .5rem;
  margin-top: 1rem;
  font-size: .8em;
  background: var(--panel);
}
.demo-notice a { flex-shrink: 0; font-weight: 650; }
.showcase-guide h2 { font-size: 1.25em; }
body .showcase-guide p { font-size: .8em; color: var(--muted); }
.showcase-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin: 1rem 0; }
.showcase-steps a { display: flex; flex-direction: column; text-decoration: none; padding: .85rem; border: 1px solid var(--line); border-radius: .5rem; font-size: .82em; gap: .6rem; }
.showcase-steps a:hover { border-color: var(--accent); }
.showcase-steps span { color: var(--muted); }
.showcase-guide button { font-size: .85em; }
@media (max-width:760px) {
  .demo-notice { flex-direction: column; align-items: flex-start; }
  .showcase-steps { grid-template-columns: minmax(0,1fr); }
}