/*
 * Miniature redesign for file, document and writing tools. Loaded after kit.css,
 * and every rule is scoped to the docs-* drawings. Sizes are em of the kit's 1/28 card width.
 */

/* Shared parts */
.xt-miniature .xtm[class*="xtm-docs-"] .xd-panel { left: 1.9em; right: 1.9em; top: 1.6em; bottom: -1em; }
.xt-miniature .xtm[class*="xtm-docs-"] .xd-tile { display: grid; place-items: center; flex: none; width: 1.85em; height: 1.85em; border-radius: .55em; background: #eef1f4; color: #2d323c; }
.xt-miniature .xtm[class*="xtm-docs-"] .xd-tile .xtm-i { width: 1em; height: 1em; }
.xt-miniature .xtm[class*="xtm-docs-"] .xd-btn { display: inline-flex; align-items: center; gap: .35em; padding: .45em .85em; border-radius: .6em; background: #191b22; color: #fff; font-size: .6em; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.xt-miniature .xtm[class*="xtm-docs-"] .xd-btn.is-quiet { background: #fff; color: #2d323c; box-shadow: inset 0 0 0 1px #dce1e7; }
.xt-miniature .xtm[class*="xtm-docs-"] .xd-btn .xtm-i { width: 1.15em; height: 1.15em; }
.xt-miniature .xtm[class*="xtm-docs-"] .xd-round { display: grid; place-items: center; flex: none; width: 1.45em; height: 1.45em; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 1px #dce1e7; color: #2d323c; }
.xt-miniature .xtm[class*="xtm-docs-"] .xd-round .xtm-i { width: .8em; height: .8em; }
.xt-miniature .xtm[class*="xtm-docs-"] .xd-round.is-back .xtm-i { transform: scaleX(-1); }
.xt-miniature .xtm[class*="xtm-docs-"] .xd-round.is-ink { background: #191b22; box-shadow: none; color: #fff; }
.xt-miniature .xtm[class*="xtm-docs-"] .xd-round.is-ink .xtm-i { width: .7em; height: .7em; margin-left: .1em; }
.xt-miniature .xtm[class*="xtm-docs-"] .xd-pointer { position: absolute; z-index: 4; width: 1.1em; height: 1.4em; filter: drop-shadow(0 .15em .25em #1c1f2a4d); }
.xt-miniature .xtm[class*="xtm-docs-"] .xd-cv-name { display: grid; gap: .1em; min-width: 0; }
.xt-miniature .xtm[class*="xtm-docs-"] .xd-cv-t { overflow: hidden; font-size: .72em; font-weight: 600; letter-spacing: -.015em; color: #191b22; white-space: nowrap; text-overflow: ellipsis; }

/* File Converter */
.xt-miniature .xtm-docs-convert .xtm-bar { min-height: 2.6em; }
.xt-miniature .xtm-docs-convert .xd-cv-rows { padding: .15em 1em 0; }
.xt-miniature .xtm-docs-convert .xd-cv-row { display: grid; grid-template-columns: 1.85em minmax(0, 1fr) auto 4.4em; align-items: center; gap: .8em; padding: .42em 0; border-bottom: 1px solid #eef1f4; }
.xt-miniature .xtm-docs-convert .xd-cv-fmt { display: flex; align-items: center; gap: .3em; color: #a2a8b2; }
.xt-miniature .xtm-docs-convert .xd-cv-fmt .xtm-i { width: .85em; height: .85em; }
.xt-miniature .xtm-docs-convert .xd-fmt { min-width: 3.2em; padding: .25em .5em; border-radius: .45em; background: #f3f5f7; font-size: .66em; font-weight: 500; text-align: center; color: #8a909c; }
.xt-miniature .xtm-docs-convert .xd-fmt.is-to { background: #fff; box-shadow: inset 0 0 0 1px #c9d0d8; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-docs-convert .xd-cv-state { display: flex; align-items: center; justify-content: flex-end; gap: .4em; }
.xt-miniature .xtm-docs-convert .xd-bar { flex: 1; height: .3em; overflow: hidden; border-radius: 1em; background: #e4e8ed; }
.xt-miniature .xtm-docs-convert .xd-bar span { display: block; height: 100%; border-radius: inherit; background: #191b22; }
.xt-miniature .xtm-docs-convert .xd-pc { font-size: .58em; color: #626777; font-variant-numeric: tabular-nums; }
.xt-miniature .xtm-docs-convert .xd-cv-foot { display: flex; align-items: center; gap: .45em; padding: .75em 1.65em; font-size: .58em; color: #8a909c; }
.xt-miniature .xtm-docs-convert .xd-cv-foot .xtm-i { width: 1.15em; height: 1.15em; }

/* File Drop */
.xt-miniature .xtm-docs-drop .xd-panel { padding: .95em 1em 0; }
.xt-miniature .xtm-docs-drop .xd-zone { display: grid; justify-items: center; gap: .2em; padding: .85em 1em .9em; border: 1.5px dashed #c3cad3; border-radius: .8em; background: #f7f8fa; text-align: center; }
.xt-miniature .xtm-docs-drop .xd-zone-icon { display: grid; place-items: center; width: 1.9em; height: 1.9em; margin-bottom: .2em; border-radius: 50%; background: #fff; box-shadow: 0 0 0 1px #dce1e7; color: #2d323c; }
.xt-miniature .xtm-docs-drop .xd-zone-icon .xtm-i { width: 1.05em; height: 1.05em; }
.xt-miniature .xtm-docs-drop .xd-zone-t { font-size: .8em; font-weight: 600; letter-spacing: -.02em; color: #191b22; }
.xt-miniature .xtm-docs-drop .xd-drop-rows { margin-top: .35em; }
.xt-miniature .xtm-docs-drop .xd-drop-row { display: grid; grid-template-columns: 1.85em minmax(0, 1fr) auto; align-items: center; gap: .7em; padding: .4em 0; border-bottom: 1px solid #eef1f4; }
.xt-miniature .xtm-docs-drop .xd-link { display: inline-flex; align-items: center; gap: .4em; padding: .35em .7em; border-radius: 2em; background: #eef1f4; font-size: .58em; font-weight: 600; color: #2d323c; white-space: nowrap; }
.xt-miniature .xtm-docs-drop .xd-link .xtm-i { width: 1.15em; height: 1.15em; }
.xt-miniature .xtm-docs-drop .xd-drag { position: absolute; z-index: 3; right: 3.3em; top: .85em; width: 6.4em; padding: .28em; border: 1px solid #dce1e7; border-radius: .6em; background: #fff; box-shadow: 0 .05em .12em #1c1f2a12, 0 1.1em 2em -1em #1c1f2a73; transform: rotate(6deg); }
.xt-miniature .xtm-docs-drop .xd-drag img { width: 100%; height: 3.5em; border-radius: .38em; object-fit: cover; }
.xt-miniature .xtm-docs-drop .xd-drag-t { display: flex; align-items: center; gap: .35em; padding: .45em .2em .15em; font-size: .54em; font-weight: 600; color: #191b22; white-space: nowrap; }
.xt-miniature .xtm-docs-drop .xd-drag-t .xtm-i { width: 1.1em; height: 1.1em; color: #626777; }
.xt-miniature .xtm-docs-drop .xd-pointer { right: 2.7em; top: 4.7em; }

/* PDF Page Studio */
.xt-miniature .xtm-docs-pages .xd-bar-file { display: flex; align-items: center; gap: .45em; min-width: 0; color: #626777; }
.xt-miniature .xtm-docs-pages .xd-btns { display: flex; flex: none; gap: .35em; }
.xt-miniature .xtm-docs-pages .xd-pages { display: flex; justify-content: center; gap: 1.05em; padding: 1.5em 1em 0; }
.xt-miniature .xtm-docs-pages .xd-page { position: relative; flex: none; width: 3.7em; }
.xt-miniature .xtm-docs-pages .xd-page-img { display: block; aspect-ratio: 150 / 212; overflow: hidden; border-radius: .2em; background: #fff; box-shadow: 0 0 0 1px #dce1e7, 0 .35em .7em -.35em #1c1f2a40; }
.xt-miniature .xtm-docs-pages .xd-page-img img { width: 100%; height: 100%; object-fit: cover; }
.xt-miniature .xtm-docs-pages .xd-page-n { display: block; margin-top: .6em; font-size: .56em; text-align: center; color: #8a909c; font-variant-numeric: tabular-nums; }
.xt-miniature .xtm-docs-pages .xd-page.is-lift .xd-page-img { position: relative; z-index: 2; transform: translate(-.5em, -.8em) rotate(-6deg); box-shadow: 0 0 0 1px #c3cad3, 0 1.2em 1.8em -.8em #1c1f2a8c; }
.xt-miniature .xtm-docs-pages .xd-page.is-cut .xd-page-img { opacity: .32; }
.xt-miniature .xtm-docs-pages .xd-page-x { position: absolute; top: -.5em; right: -.5em; display: grid; place-items: center; width: 1.3em; height: 1.3em; border-radius: 50%; background: #191b22; color: #fff; box-shadow: 0 0 0 .14em #fff; transform: rotate(45deg); }
.xt-miniature .xtm-docs-pages .xd-page-x .xtm-i { width: .85em; height: .85em; stroke-width: 2.4; }
.xt-miniature .xtm-docs-pages .xd-insert { position: absolute; left: -.6em; top: -.3em; width: 2px; height: 5.8em; margin-left: -1px; border-radius: 2px; background: #191b22; }
.xt-miniature .xtm-docs-pages .xd-insert::before,
.xt-miniature .xtm-docs-pages .xd-insert::after { content: ''; position: absolute; left: 50%; width: .42em; height: .42em; margin-left: -.21em; border-radius: 50%; background: #191b22; }
.xt-miniature .xtm-docs-pages .xd-insert::before { top: -.21em; }
.xt-miniature .xtm-docs-pages .xd-insert::after { bottom: -.21em; }
.xt-miniature .xtm-docs-pages .xd-pointer-page { right: -.3em; top: 2.9em; }

/* Journal */
.xt-miniature .xtm-docs-journal .xd-entry { left: 1.9em; top: 1.6em; bottom: -1em; width: 14.4em; padding: 1.05em 1.15em 0; border-radius: .45em; }
.xt-miniature .xtm-docs-journal .xd-entry-date { display: flex; align-items: center; justify-content: space-between; gap: .6em; font-family: Georgia, 'Times New Roman', serif; font-size: 1.06em; letter-spacing: -.01em; color: #191b22; }
.xt-miniature .xtm-docs-journal .xd-star { display: flex; color: #191b22; }
.xt-miniature .xtm-docs-journal .xd-star .xtm-i { width: .8em; height: .8em; }
.xt-miniature .xtm-docs-journal .xd-entry-img { display: block; width: 100%; height: 5.1em; margin-top: .7em; border-radius: .35em; object-fit: cover; }
.xt-miniature .xtm-docs-journal .xd-entry-text { margin-top: .7em; font-family: Georgia, 'Times New Roman', serif; font-size: .64em; line-height: 1.55; color: #2d323c; }
.xt-miniature .xtm-docs-journal .xd-month { position: absolute; z-index: 2; right: 1.5em; top: 2.2em; width: 9.6em; padding: .75em .8em .85em; border: 1px solid #dce1e7; border-radius: .8em; background: #fff; box-shadow: 0 .05em .12em #1c1f2a12, 0 1em 2.2em -1em #1c1f2a5c; }
.xt-miniature .xtm-docs-journal .xd-month-head { display: flex; align-items: baseline; justify-content: space-between; gap: .5em; }
.xt-miniature .xtm-docs-journal .xd-month-head > span:first-child { font-size: .72em; font-weight: 600; letter-spacing: -.015em; color: #191b22; }
.xt-miniature .xtm-docs-journal .xd-month-head .xtm-m { font-size: .56em; }
.xt-miniature .xtm-docs-journal .xd-month-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .3em; margin-top: .6em; }
.xt-miniature .xtm-docs-journal .xd-month-grid > span { aspect-ratio: 1; }
.xt-miniature .xtm-docs-journal .xd-day { display: grid; place-items: center; border-radius: 50%; color: #fff; }
.xt-miniature .xtm-docs-journal .xd-day.is-written { background: #2d323c; }
.xt-miniature .xtm-docs-journal .xd-day.is-missed { box-shadow: inset 0 0 0 1px #c9d0d8; }
.xt-miniature .xtm-docs-journal .xd-day.is-future { background: #f0f2f5; }
.xt-miniature .xtm-docs-journal .xd-day.is-today { box-shadow: 0 0 0 .13em #fff, 0 0 0 .25em #191b22; }
.xt-miniature .xtm-docs-journal .xd-day .xtm-i { width: .62em; height: .62em; }

/* Diff Viewer */
.xt-miniature .xtm-docs-diff .xd-snaps { display: flex; align-items: center; gap: .35em; min-width: 0; }
.xt-miniature .xtm-docs-diff .xd-snap { display: inline-flex; align-items: center; gap: .3em; padding: .35em .5em .35em .6em; border-radius: .5em; box-shadow: inset 0 0 0 1px #dce1e7; font-size: .6em; font-weight: 600; color: #191b22; white-space: nowrap; }
.xt-miniature .xtm-docs-diff .xd-snap .xtm-i { width: 1em; height: 1em; color: #8a909c; transform: rotate(90deg); }
.xt-miniature .xtm-docs-diff .xd-snap-swap { display: flex; color: #8a909c; }
.xt-miniature .xtm-docs-diff .xd-snap-swap .xtm-i { width: .8em; height: .8em; }
.xt-miniature .xtm-docs-diff .xtm-bar > .xtm-m { flex: none; }
.xt-miniature .xtm-docs-diff .xd-diff-cols { display: grid; grid-template-columns: 1fr 1fr; }
.xt-miniature .xtm-docs-diff .xd-diff-col { padding: .75em 1em; font-size: .64em; line-height: 1.65; color: #2d323c; }
.xt-miniature .xtm-docs-diff .xd-diff-col + .xd-diff-col { border-left: 1px solid #e6e9ee; }
.xt-miniature .xtm-docs-diff .xd-diff-col p + p { margin-top: .55em; }
.xt-miniature .xtm-docs-diff .xd-diff-col .xd-del { border-radius: .2em; background: #f7e3e0; box-shadow: 0 0 0 .12em #f7e3e0; color: #8c2f25; text-decoration: line-through; text-decoration-color: #c26a5f; }
.xt-miniature .xtm-docs-diff .xd-diff-col .xd-ins { border-radius: .2em; background: #dcebe1; box-shadow: 0 0 0 .12em #dcebe1; color: #1d4f37; text-decoration: none; }
.xt-miniature .xtm-docs-diff .xd-comment { position: absolute; z-index: 3; right: 1.3em; bottom: 1.25em; display: flex; align-items: center; gap: .55em; padding: .5em .55em .5em .5em; border: 1px solid #dce1e7; border-radius: .85em; background: #fff; box-shadow: 0 .05em .12em #1c1f2a12, 0 .9em 1.9em -.9em #1c1f2a5c; }
.xt-miniature .xtm-docs-diff .xd-comment-text { display: grid; gap: .12em; min-width: 0; }
.xt-miniature .xtm-docs-diff .xd-comment-name { font-size: .58em; color: #626777; white-space: nowrap; }
.xt-miniature .xtm-docs-diff .xd-comment-t { font-size: .7em; font-weight: 600; letter-spacing: -.01em; color: #191b22; white-space: nowrap; }
.xt-miniature .xtm-docs-diff .xd-resolve { display: grid; place-items: center; flex: none; width: 1.45em; height: 1.45em; margin-left: .2em; border-radius: 50%; box-shadow: inset 0 0 0 1px #c9d0d8; color: #286c4c; }
.xt-miniature .xtm-docs-diff .xd-resolve .xtm-i { width: .85em; height: .85em; stroke-width: 2.2; }

/* Rewriter */
.xt-miniature .xtm-docs-rewrite .xd-rw-page { left: 1.9em; top: 1.7em; bottom: -1em; width: 13.4em; padding: 1.2em 1.3em 0; border-radius: .45em; }
.xt-miniature .xtm-docs-rewrite .xd-rw-text { margin-top: .7em; font-size: .72em; line-height: 1.55; color: #2d323c; }
.xt-miniature .xtm-docs-rewrite .xd-rw-text mark { border-radius: .2em; background: #e4e8ed; box-shadow: 0 0 0 .14em #e4e8ed; color: #191b22; }
.xt-miniature .xtm-docs-rewrite .xd-rw-dim { color: #a2a8b2; }
.xt-miniature .xtm-docs-rewrite .xd-deck { position: absolute; z-index: 2; right: 1.4em; top: 5.4em; width: 11.6em; }
.xt-miniature .xtm-docs-rewrite .xd-deck-back { position: absolute; left: .75em; right: .75em; top: -.5em; height: 3em; border: 1px solid #dce1e7; border-radius: .75em; background: #fff; }
.xt-miniature .xtm-docs-rewrite .xd-deck-back.is-far { left: 1.5em; right: 1.5em; top: -1em; background: #f7f8fa; }
.xt-miniature .xtm-docs-rewrite .xd-deck-card { position: relative; padding: .8em .85em .65em .95em; border: 1px solid #dce1e7; border-radius: .75em; background: #fff; box-shadow: 0 .05em .12em #1c1f2a12, 0 1em 2.2em -1em #1c1f2a5c; }
.xt-miniature .xtm-docs-rewrite .xd-deck-t { font-size: .78em; font-weight: 600; line-height: 1.35; letter-spacing: -.02em; color: #191b22; }
.xt-miniature .xtm-docs-rewrite .xd-deck-foot { display: flex; align-items: center; gap: .55em; margin-top: .75em; }
.xt-miniature .xtm-docs-rewrite .xd-deck-nav { display: flex; gap: .25em; }
.xt-miniature .xtm-docs-rewrite .xd-deck-foot .xd-btn { margin-left: auto; }
.xt-miniature .xtm-docs-rewrite .xd-ask { display: flex; align-items: center; gap: .45em; margin-top: .6em; padding: .55em .8em; border: 1px solid #dce1e7; border-radius: 2em; background: #fff; box-shadow: 0 .7em 1.4em -.9em #1c1f2a5c; font-size: .62em; color: #626777; }
.xt-miniature .xtm-docs-rewrite .xd-ask .xtm-i { color: #191b22; }

/* Ghostwriter */
.xt-miniature .xtm-docs-ghost .xd-ghost { padding: 1em 1.1em 0; }
.xt-miniature .xtm-docs-ghost .xd-ghost-head { display: flex; align-items: center; justify-content: space-between; gap: .8em; }
.xt-miniature .xtm-docs-ghost .xd-ghost-title { font-size: .86em; font-weight: 600; letter-spacing: -.02em; color: #191b22; }
.xt-miniature .xtm-docs-ghost .xd-voice { display: inline-flex; align-items: center; gap: .35em; padding: .32em .65em; border-radius: 2em; background: #eef1f4; font-size: .58em; font-weight: 600; color: #2d323c; white-space: nowrap; }
.xt-miniature .xtm-docs-ghost .xd-voice .xtm-i { width: 1.1em; height: 1.1em; }
.xt-miniature .xtm-docs-ghost .xd-ghost-draft { margin-top: .55em; font-size: .72em; line-height: 1.5; color: #2d323c; }
.xt-miniature .xtm-docs-ghost .xd-caret { display: inline-block; width: 1.5px; height: 1.15em; margin-left: .25em; vertical-align: -.2em; background: #191b22; }
.xt-miniature .xtm-docs-ghost .xd-ghost-list { margin-top: .65em; padding: .3em; border-radius: .75em; background: #f5f6f8; box-shadow: inset 0 0 0 1px #e6e9ee; }
.xt-miniature .xtm-docs-ghost .xd-ghost-cap { display: flex; justify-content: space-between; gap: 1em; padding: .35em .55em .45em; font-size: .56em; color: #8a909c; }
.xt-miniature .xtm-docs-ghost .xd-ghost-cap span:first-child { font-weight: 600; color: #2d323c; }
.xt-miniature .xtm-docs-ghost .xd-ghost-row { display: grid; grid-template-columns: 1.15em minmax(0, 1fr) 4.6em; align-items: center; gap: .6em; padding: .45em .55em; border-radius: .55em; }
.xt-miniature .xtm-docs-ghost .xd-ghost-row.is-pick { background: #fff; box-shadow: 0 0 0 1px #c9d0d8, 0 .45em .9em -.6em #1c1f2a59; }
.xt-miniature .xtm .xtm-docs-ghost .xd-ghost-row .xtm-logo,
.xt-miniature .xtm-docs-ghost .xd-ghost-row .xtm-logo { width: 1.15em; height: 1.15em; }
.xt-miniature .xtm-docs-ghost .xd-ghost-t { overflow: hidden; font-size: .64em; color: #4a505c; white-space: nowrap; text-overflow: ellipsis; }
.xt-miniature .xtm-docs-ghost .is-pick .xd-ghost-t { font-weight: 600; color: #191b22; }
.xt-miniature .xtm-docs-ghost .xd-human { display: flex; align-items: center; gap: .5em; font-size: .58em; color: #626777; }
.xt-miniature .xtm-docs-ghost .xd-human-bar { flex: 1; height: .5em; overflow: hidden; border-radius: 1em; background: #e1e5ea; }
.xt-miniature .xtm-docs-ghost .xd-human-bar span { display: block; height: 100%; border-radius: inherit; background: #8a909c; }
.xt-miniature .xtm-docs-ghost .is-pick .xd-human-bar span { background: #286c4c; }
.xt-miniature .xtm-docs-ghost .is-pick .xd-human { font-weight: 600; color: #191b22; }

/* Co-Write */
.xt-miniature .xtm-docs-cowrite .xd-live { display: flex; flex: none; align-items: center; gap: .35em; }
.xt-miniature .xtm-docs-cowrite .xd-agent-face { display: grid; place-items: center; width: 1.45em; height: 1.45em; margin-left: -.55em; border-radius: 50%; background: #fff; box-shadow: 0 0 0 .14em #fff, inset 0 0 0 1px #dce1e7; }
.xt-miniature .xtm-docs-cowrite .xd-agent-face img { width: .85em; height: .85em; }
.xt-miniature .xtm-docs-cowrite .xd-live-dot { width: .42em; height: .42em; margin-left: .25em; border-radius: 50%; background: #2f8a5f; box-shadow: 0 0 0 .18em #e3eee7; }
.xt-miniature .xtm-docs-cowrite .xd-cw-panes { display: grid; grid-template-columns: 1fr 1fr; }
.xt-miniature .xtm-docs-cowrite .xd-cw-pane { min-width: 0; padding: .75em 1em; }
.xt-miniature .xtm-docs-cowrite .xd-cw-pane + .xd-cw-pane { border-left: 1px solid #e6e9ee; }
.xt-miniature .xtm-docs-cowrite .xd-cw-file { display: flex; align-items: center; gap: .4em; margin-bottom: 1.1em; font-size: .56em; color: #8a909c; white-space: nowrap; }
.xt-miniature .xtm-docs-cowrite .xd-cw-file .xtm-i { width: 1.1em; height: 1.1em; }
.xt-miniature .xtm-docs-cowrite .xd-cw-h { margin-bottom: .2em; font-size: .8em; font-weight: 600; letter-spacing: -.02em; color: #191b22; white-space: nowrap; }
.xt-miniature .xtm-docs-cowrite .xd-md { font-weight: 500; color: #a2a8b2; }
.xt-miniature .xtm-docs-cowrite .xd-cw-item { display: flex; align-items: center; gap: .5em; margin-top: .6em; font-size: .64em; color: #2d323c; white-space: nowrap; }
.xt-miniature .xtm-docs-cowrite .xd-cw-item.is-done > span:last-child { color: #8a909c; text-decoration: line-through; text-decoration-color: #b5bbc4; }
.xt-miniature .xtm-docs-cowrite .xd-check { display: grid; place-items: center; flex: none; width: 1.15em; height: 1.15em; border-radius: .28em; box-shadow: inset 0 0 0 1px #c3cad3; color: #fff; }
.xt-miniature .xtm-docs-cowrite .is-done .xd-check { background: #286c4c; box-shadow: none; }
.xt-miniature .xtm-docs-cowrite .xd-check .xtm-i { width: .8em; height: .8em; stroke-width: 2.4; }
.xt-miniature .xtm-docs-cowrite .xd-cw-p { margin-top: .35em; font-size: .64em; line-height: 1.75; color: #2d323c; }
.xt-miniature .xtm-docs-cowrite .xd-cw-h + .xd-cw-p { margin-top: 1.5em; }
.xt-miniature .xtm-docs-cowrite .xd-sel { position: relative; border-radius: .15em; background: #dfe4ea; box-shadow: 0 0 0 .1em #dfe4ea; }
.xt-miniature .xtm-docs-cowrite .xd-typing { color: #8a909c; }
.xt-miniature .xtm-docs-cowrite .xd-cur { position: relative; display: inline-block; width: 1.5px; height: 1.3em; margin-left: .12em; vertical-align: -.28em; background: #191b22; }
.xt-miniature .xtm-docs-cowrite .xd-flag { position: absolute; z-index: 2; left: 100%; top: -.1em; margin-left: .25em; display: inline-flex; align-items: center; gap: .3em; padding: .18em .5em .18em .18em; border-radius: 0 .6em .6em .6em; background: #191b22; font-size: .86em; font-weight: 600; line-height: 1.2; color: #fff; white-space: nowrap; text-decoration: none; }
.xt-miniature .xtm .xtm-docs-cowrite .xd-flag img,
.xt-miniature .xtm-docs-cowrite .xd-flag img { width: 1.2em; height: 1.2em; border-radius: 50%; object-fit: cover; }
.xt-miniature .xtm-docs-cowrite .xd-flag.is-above { left: 0; top: auto; bottom: 100%; margin: 0 0 .3em; border-radius: .6em .6em .6em 0; }
.xt-miniature .xtm-docs-cowrite .xd-cur.is-agent .xd-flag img { padding: .16em; background: #fff; object-fit: contain; }

/* Quotes & Proposals */
.xt-miniature .xtm-docs-proposal .xd-prop-back { left: 2.2em; top: 2.5em; bottom: -1em; width: 11.2em; padding: 1.15em 1.15em 0; border-radius: .45em; transform: rotate(-3deg); }
.xt-miniature .xtm-docs-proposal .xd-prop-sec { margin-top: .2em; font-size: .82em; font-weight: 600; letter-spacing: -.02em; color: #142238; }
.xt-miniature .xtm-docs-proposal .xd-prop-rows { margin-top: .55em; border-top: 1px solid #e2e6eb; }
.xt-miniature .xtm-docs-proposal .xd-prop-rows p { display: flex; justify-content: space-between; gap: .8em; padding: .6em 0; border-bottom: 1px solid #eef1f4; font-size: .58em; color: #2d323c; }
.xt-miniature .xtm-docs-proposal .xd-prop-rows p.is-total { border-bottom: 0; font-size: .7em; font-weight: 600; color: #142238; }
.xt-miniature .xtm-docs-proposal .xd-prop-cover { right: 2.3em; top: 1.3em; bottom: -1em; width: 12.8em; border-radius: .45em; }
.xt-miniature .xtm .xtm-docs-proposal .xd-prop-photo,
.xt-miniature .xtm-docs-proposal .xd-prop-photo { display: block; width: 100%; height: 7.2em; object-fit: cover; }
.xt-miniature .xtm-docs-proposal .xd-prop-body { padding: .95em 1.1em 0; }
.xt-miniature .xtm-docs-proposal .xd-prop-title { font-size: 1.12em; font-weight: 650; line-height: 1.12; letter-spacing: -.035em; color: #142238; text-wrap: balance; }
.xt-miniature .xtm-docs-proposal .xd-prop-meta { margin-top: .5em; font-size: .58em; color: #626777; }
.xt-miniature .xtm .xtm-docs-proposal .xd-prop-mark,
.xt-miniature .xtm-docs-proposal .xd-prop-mark { height: .85em; width: auto; margin-top: .95em; }

/* Email Signatures */
.xt-miniature .xtm-docs-sig .xd-sig-mail { left: 1.6em; top: 1.6em; bottom: -1em; width: 15.4em; padding: 1.1em 1.2em 0; border-radius: .45em; }
.xt-miniature .xtm-docs-sig .xtm-doc-from { margin-bottom: 1em; }
.xt-miniature .xtm-docs-sig .xd-sig-body { font-size: .66em; line-height: 1.5; color: #2d323c; }
.xt-miniature .xtm-docs-sig .xd-sig { display: flex; align-items: center; gap: .65em; margin-top: 1em; padding-top: 1.35em; border-top: 1px solid #e6e9ee; }
.xt-miniature .xtm .xtm-av.xd-sig-photo { width: 2.3em; height: 2.3em; }
.xt-miniature .xtm-docs-sig .xd-sig-text { display: grid; flex: 1; gap: .1em; min-width: 0; }
.xt-miniature .xtm-docs-sig .xd-sig-name { font-size: .8em; font-weight: 600; letter-spacing: -.02em; color: #191b22; }
.xt-miniature .xtm-docs-sig .xd-sig-text .xtm-m { font-size: .62em; white-space: nowrap; }
.xt-miniature .xtm-docs-sig .xd-sig-contact { overflow: hidden; font-size: .54em; color: #8a909c; white-space: nowrap; text-overflow: ellipsis; }
.xt-miniature .xtm-docs-sig .xd-sig-logo { position: relative; flex: none; width: 2.5em; height: 2.5em; }
.xt-miniature .xtm-docs-sig .xd-mark { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; animation: xd-bounce 3.2s cubic-bezier(.3, .7, .4, 1) infinite; }
.xt-miniature .xtm-docs-sig .xd-floor { position: absolute; left: .35em; right: .35em; bottom: -.4em; height: .22em; border-radius: 50%; background: #1c1f2a2e; }
.xt-miniature .xtm-docs-sig .xd-anim { position: absolute; z-index: 2; right: 1.3em; top: 2.5em; width: 10.2em; padding: .6em .4em .7em; border: 1px solid #dce1e7; border-radius: .8em; background: #fff; box-shadow: 0 .05em .12em #1c1f2a12, 0 1em 2.2em -1em #1c1f2a5c; }
.xt-miniature .xtm-docs-sig .xd-anim-head { display: flex; align-items: center; justify-content: space-between; gap: .5em; padding: 0 .4em .45em .5em; }
.xt-miniature .xtm-docs-sig .xd-anim-head > span:first-child { font-size: .7em; font-weight: 600; letter-spacing: -.015em; color: #191b22; }
.xt-miniature .xtm-docs-sig .xd-anim-row { display: flex; align-items: center; gap: .55em; padding: .45em .55em; border-radius: .55em; font-size: .62em; color: #4a505c; }
.xt-miniature .xtm-docs-sig .xd-anim-row.is-pick { background: #eef1f4; font-weight: 500; color: #191b22; }
.xt-miniature .xtm-docs-sig .xd-anim-ai { display: flex; margin-left: auto; color: #191b22; }
.xt-miniature .xtm-docs-sig .xd-frames { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .25em; margin: .65em .5em 0; }
.xt-miniature .xtm-docs-sig .xd-frame { display: grid; place-items: end center; aspect-ratio: 1; padding-bottom: .18em; border-radius: .3em; background: #f3f5f7; box-shadow: inset 0 0 0 1px #e6e9ee; }
.xt-miniature .xtm-docs-sig .xd-frame > span { width: .56em; height: .56em; border-radius: .14em; background: #142238; }
.xt-miniature .xtm-docs-sig .xd-playhead { position: absolute; top: -.25em; bottom: -.25em; left: 0; width: 1.5px; margin-left: -.75px; border-radius: 1px; background: #191b22; animation: xd-play 3.2s linear infinite; }
.xt-miniature .xtm-docs-sig .xd-playhead::before { content: ''; position: absolute; top: -.2em; left: 50%; width: .5em; height: .5em; margin-left: -.25em; border-radius: 50%; background: #191b22; }

@keyframes xd-bounce {
    0%, 52%, 100% { transform: translateY(0); }
    18% { transform: translateY(-.6em); }
    32% { transform: translateY(0); }
    42% { transform: translateY(-.16em); }
}
@keyframes xd-play { from { left: 0; } to { left: 100%; } }

@media (prefers-reduced-motion: reduce) {
    .xt-miniature .xtm-docs-sig .xd-mark,
    .xt-miniature .xtm-docs-sig .xd-playhead { animation: none; }
    .xt-miniature .xtm-docs-sig .xd-playhead { left: 30%; }
}