/*
 * Miniature redesign: CRM, Team Comms, Project Base, Time Tracker, Bookings, Automations,
 * AI Decisions, Skill Library and Prompt Library. Loads after kit.css and reuses its
 * surfaces; sizes are em of the kit's 1em = a 28th of the card width.
 */

/* Shared by the work drawings */
.xt-miniature [class*="xtm-work-"] .xw-bar-end { display: flex; align-items: center; gap: .6em; flex: none; }
.xt-miniature [class*="xtm-work-"] .xw-mention { padding: 0 .25em; border-radius: .3em; background: #e4e8ed; color: #191b22; font-weight: 600; white-space: nowrap; }
.xt-miniature [class*="xtm-work-"] .xw-live { position: absolute; right: -.1em; bottom: -.05em; width: .55em; height: .55em; border-radius: 50%; background: #286c4c; box-shadow: 0 0 0 .14em #fff; }
.xt-miniature [class*="xtm-work-"] .xw-icon-btn { display: grid; place-items: center; flex: none; width: 1.7em; height: 1.7em; border-radius: .5em; border: 1px solid #dce1e7; color: #2d323c; }
.xt-miniature [class*="xtm-work-"] .xw-icon-btn .xtm-i { width: .85em; height: .85em; }

/* CRM */
.xt-miniature .xtm-work-crm .xw-crm { left: 1.4em; right: 1.4em; top: 1.6em; }
.xt-miniature .xtm-work-crm .xw-crm-body { display: grid; grid-template-columns: minmax(0, 1fr) 9.4em; }
.xt-miniature .xtm-work-crm .xw-crm-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5em; padding: .65em .6em .65em .7em; }
.xt-miniature .xtm-work-crm .xw-crm-col { display: grid; align-content: start; gap: .45em; min-width: 0; padding: .55em .45em .5em; border-radius: .6em; background: #f3f5f7; }
.xt-miniature .xtm-work-crm .xw-crm-col-h { display: flex; justify-content: space-between; align-items: baseline; gap: .5em; padding: 0 .25em .1em; font-size: .56em; font-weight: 600; color: #2d323c; white-space: nowrap; }
.xt-miniature .xtm-work-crm .xw-crm-col-h span + span { font-weight: 500; color: #8a909c; }
.xt-miniature .xtm-work-crm .xw-crm-deal { display: grid; gap: .55em; padding: .55em .55em .5em; background: #fff; border: 1px solid #dce1e7; border-radius: .5em; box-shadow: 0 .05em .1em #1c1f2a0d; }
.xt-miniature .xtm-work-crm .xw-crm-deal.is-on { border-color: #191b22; box-shadow: 0 0 0 1px #191b22, 0 .8em 1.6em -.9em #1c1f2a59; }
.xt-miniature .xtm-work-crm .xw-crm-who { display: flex; align-items: center; gap: .45em; min-width: 0; }
.xt-miniature .xtm-work-crm .xw-crm-who .xtm-av { width: 1.45em; height: 1.45em; }
.xt-miniature .xtm-work-crm .xw-crm-who span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .58em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-work-crm .xw-crm-row { display: flex; align-items: center; justify-content: space-between; gap: .4em; min-width: 0; }
.xt-miniature .xtm-work-crm .xw-crm-v { font-size: .76em; font-weight: 600; letter-spacing: -.025em; color: #191b22; }
.xt-miniature .xtm-work-crm .xw-crm-f { display: inline-flex; align-items: center; gap: .3em; min-width: 0; font-size: .5em; color: #8a909c; white-space: nowrap; }
.xt-miniature .xtm-work-crm .xw-crm-f .xtm-i { width: 1.15em; height: 1.15em; }
.xt-miniature .xtm-work-crm .xw-crm-rec { display: flex; flex-direction: column; gap: .6em; padding: .8em .85em; border-left: 1px solid #e6e9ee; }
.xt-miniature .xtm-work-crm .xw-crm-rec-who { display: flex; align-items: center; gap: .55em; min-width: 0; }
.xt-miniature .xtm-work-crm .xw-crm-rec-who .xtm-av { width: 2.3em; height: 2.3em; }
.xt-miniature .xtm-work-crm .xw-crm-rec-who > span { display: grid; gap: .1em; min-width: 0; }
.xt-miniature .xtm-work-crm .xw-crm-rec-who > span span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xt-miniature .xtm-work-crm .xw-crm-rec-who > span span:first-child { font-size: .66em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-work-crm .xw-crm-rec-who > span span + span { font-size: .54em; color: #8a909c; }
.xt-miniature .xtm-work-crm .xw-crm-rec-v { font-size: 1.15em; font-weight: 600; letter-spacing: -.035em; line-height: 1; color: #191b22; }
.xt-miniature .xtm-work-crm .xw-crm-stage { display: grid; gap: .4em; }
.xt-miniature .xtm-work-crm .xw-crm-stage-t { font-size: .54em; font-weight: 500; color: #2d323c; }
.xt-miniature .xtm-work-crm .xw-crm-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: .2em; }
.xt-miniature .xtm-work-crm .xw-crm-steps span { height: .3em; border-radius: 1em; background: #e2e6eb; }
.xt-miniature .xtm-work-crm .xw-crm-steps span.is-done { background: #2d323c; }
.xt-miniature .xtm-work-crm .xw-crm-line { display: flex; align-items: flex-start; gap: .4em; padding-top: .55em; border-top: 1px solid #eef1f4; }
.xt-miniature .xtm-work-crm .xw-crm-line .xtm-i { flex: none; width: .72em; height: .72em; margin-top: .05em; color: #626777; }
.xt-miniature .xtm-work-crm .xw-crm-line span { font-size: .54em; line-height: 1.35; color: #2d323c; }

/* Team Comms */
.xt-miniature .xtm-work-comms .xw-comms { display: grid; grid-template-columns: 6.4em minmax(0, 1fr); top: 1.6em; }
.xt-miniature .xtm-work-comms .xw-comms-side { display: flex; flex-direction: column; gap: .2em; padding: .9em .5em; background: #f6f8f9; border-right: 1px solid #e6e9ee; }
.xt-miniature .xtm-work-comms .xw-comms .xw-comms-logo { align-self: flex-start; width: auto; height: .85em; margin: 0 .4em .8em; }
.xt-miniature .xtm-work-comms .xw-comms-ch { display: flex; align-items: center; gap: .3em; padding: .4em .45em; border-radius: .5em; font-size: .56em; color: #626777; white-space: nowrap; overflow: hidden; }
.xt-miniature .xtm-work-comms .xw-comms-ch .xtm-i { width: .9em; height: .9em; color: #a2a8b2; }
.xt-miniature .xtm-work-comms .xw-comms-ch.is-on { background: #e6eaee; color: #191b22; font-weight: 600; }
.xt-miniature .xtm-work-comms .xw-comms-ch.is-on .xtm-i { color: #191b22; }
.xt-miniature .xtm-work-comms .xw-comms-gap { height: .5em; }
.xt-miniature .xtm-work-comms .xw-comms-dm { display: flex; align-items: center; gap: .4em; padding: .2em .25em; min-width: 0; }
.xt-miniature .xtm-work-comms .xw-comms-dm .xtm-av { width: 1.2em; height: 1.2em; }
.xt-miniature .xtm-work-comms .xw-comms-dm > span:last-child { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .54em; color: #4a505c; }
.xt-miniature .xtm-work-comms .xw-comms-main { display: flex; flex-direction: column; min-width: 0; }
.xt-miniature .xtm-work-comms .xw-comms-msgs { display: grid; gap: .7em; padding: .75em .9em; }
.xt-miniature .xtm-work-comms .xw-msg { display: flex; align-items: flex-start; gap: .55em; }
.xt-miniature .xtm-work-comms .xw-msg > .xtm-av, .xt-miniature .xtm-work-comms .xw-msg > .xtm-chip { width: 1.6em; height: 1.6em; }
.xt-miniature .xtm-work-comms .xw-msg-body { display: grid; gap: .22em; min-width: 0; }
.xt-miniature .xtm-work-comms .xw-msg-who { font-size: .6em; font-weight: 600; color: #191b22; white-space: nowrap; }
.xt-miniature .xtm-work-comms .xw-msg-who span { margin-left: .3em; font-weight: 400; color: #a2a8b2; }
.xt-miniature .xtm-work-comms .xw-msg-t { font-size: .62em; line-height: 1.4; color: #2d323c; }
.xt-miniature .xtm-work-comms .xw-msg-photos { display: flex; gap: .35em; margin-top: .25em; }
.xt-miniature .xtm-work-comms .xw-msg-photos img { width: 4.4em; height: 2.7em; object-fit: cover; border-radius: .4em; box-shadow: 0 0 0 1px #1c1f2a12; }
.xt-miniature .xtm-work-comms .xw-msg-thread { display: flex; align-items: center; gap: .4em; margin-top: .2em; }
.xt-miniature .xtm-work-comms .xw-msg-thread .xtm-chip { width: 1.3em; height: 1.3em; }
.xt-miniature .xtm-work-comms .xw-msg-thread .xtm-chip img { width: .78em; height: .78em; }
.xt-miniature .xtm-work-comms .xw-msg-replies { font-size: .56em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-work-comms .xw-call { display: flex; align-items: center; gap: .5em; flex: none; padding: .25em .25em .25em .35em; border-radius: 1em; background: #1d2532; }
.xt-miniature .xtm-work-comms .xw-call .xtm-faces .xtm-av { width: 1.4em; height: 1.4em; box-shadow: 0 0 0 .14em #1d2532; }
.xt-miniature .xtm-work-comms .xw-call-t { font-size: .58em; font-weight: 600; color: #fff; }
.xt-miniature .xtm-work-comms .xw-call-btn { display: grid; place-items: center; width: 1.6em; height: 1.6em; border-radius: 50%; background: #286c4c; color: #fff; }
.xt-miniature .xtm-work-comms .xw-call-btn .xtm-i { width: .8em; height: .8em; }

/* Project Base */
.xt-miniature .xtm-work-hub .xw-hub { top: 1.4em; }
.xt-miniature .xtm-work-hub .xw-hub-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); grid-template-rows: auto auto; gap: .5em; padding: .6em .65em; }
.xt-miniature .xtm-work-hub .xw-hub-tile { display: grid; align-content: start; gap: .5em; min-width: 0; padding: .55em .6em .6em; background: #fff; border: 1px solid #e2e6eb; border-radius: .6em; }
.xt-miniature .xtm-work-hub .xw-hub-boardtile { grid-column: 1 / -1; display: flex; align-items: center; gap: .9em; }
.xt-miniature .xtm-work-hub .xw-hub-boardtile .xw-hub-head { flex: none; width: 9.6em; }
.xt-miniature .xtm-work-hub .xw-hub-boardtile .xw-hub-board { flex: 1; }
.xt-miniature .xtm-work-hub .xw-hub-head { display: flex; align-items: center; gap: .5em; min-width: 0; }
.xt-miniature .xtm-work-hub .xw-hub-head .xtm-tile { width: 1.6em; height: 1.6em; border-radius: .45em; }
.xt-miniature .xtm-work-hub .xw-hub-head .xtm-tile .xtm-i { width: .85em; height: .85em; }
.xt-miniature .xtm-work-hub .xw-hub-head-t { display: grid; gap: .1em; flex: 1; min-width: 0; }
.xt-miniature .xtm-work-hub .xw-hub-head-t span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xt-miniature .xtm-work-hub .xw-hub-head-t span:first-child { font-size: .62em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-work-hub .xw-hub-head-t span + span { font-size: .5em; color: #8a909c; }
.xt-miniature .xtm-work-hub .xw-hub-meta { flex: none; font-size: .54em; color: #626777; }
.xt-miniature .xtm-work-hub .xw-hub-text { font-size: .57em; line-height: 1.6; color: #2d323c; }
.xt-miniature .xtm-work-hub .xw-hub-summary { display: flex; align-items: flex-start; gap: .45em; padding: .55em .6em; border-radius: .5em; background: #f3f5f7; }
.xt-miniature .xtm-work-hub .xw-hub-summary .xtm-i { width: .72em; height: .72em; margin-top: .1em; color: #191b22; }
.xt-miniature .xtm-work-hub .xw-hub-summary span { font-size: .55em; line-height: 1.45; color: #191b22; }
.xt-miniature .xtm-work-hub .xw-hub-version { display: flex; align-items: center; gap: .4em; }
.xt-miniature .xtm-work-hub .xw-hub-version .xtm-i { width: .72em; height: .72em; color: #8a909c; }
.xt-miniature .xtm-work-hub .xw-hub-version span { font-size: .52em; color: #8a909c; }
.xt-miniature .xtm-work-hub .xw-hub-table { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; column-gap: 1em; }
.xt-miniature .xtm-work-hub .xw-hub-table span { padding: .32em 0; border-top: 1px solid #eef1f4; font-size: .52em; color: #2d323c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xt-miniature .xtm-work-hub .xw-hub-table span:nth-child(3n + 2) { color: #8a909c; text-align: right; }
.xt-miniature .xtm-work-hub .xw-hub-table span:nth-child(3n) { font-weight: 600; color: #191b22; text-align: right; }
.xt-miniature .xtm-work-hub .xw-hub-board { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35em; }
.xt-miniature .xtm-work-hub .xw-hub-lane { display: grid; align-content: start; gap: .25em; padding: .25em; border-radius: .4em; background: #f3f5f7; }
.xt-miniature .xtm-work-hub .xw-hub-card { display: flex; align-items: center; gap: .3em; height: .85em; padding: 0 .35em; background: #fff; border: 1px solid #e2e6eb; border-radius: .3em; }
.xt-miniature .xtm-work-hub .xw-hub-line { flex: 1; height: .22em; border-radius: 1em; background: #cfd5dc; }
.xt-miniature .xtm-work-hub .xw-hub-card.is-done .xw-hub-line { background: #e2e6eb; }
.xt-miniature .xtm-work-hub .xw-hub-dot { width: .5em; height: .5em; border-radius: 50%; background: #8a909c; }
.xt-miniature .xtm-work-hub .xw-hub-card .xtm-tick { width: .75em; height: .75em; }
.xt-miniature .xtm-work-hub .xw-hub-card .xtm-tick .xtm-i { width: .6em; height: .6em; }

/* Time Tracker */
.xt-miniature .xtm-work-timer .xw-week { left: 10.8em; right: 1.4em; top: 2.5em; bottom: -1em; display: flex; flex-direction: column; }
.xt-miniature .xtm-work-timer .xw-week .xtm-face .xtm-av { width: 1.45em; height: 1.45em; }
.xt-miniature .xtm-work-timer .xw-week-total { font-size: .6em; color: #626777; white-space: nowrap; }
.xt-miniature .xtm-work-timer .xw-week-total .xtm-num { font-weight: 600; color: #191b22; }
.xt-miniature .xtm-work-timer .xw-week .xtm-bar { padding-left: 1.9em; }
.xt-miniature .xtm-work-timer .xw-week-chart { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: end; gap: .6em; padding: .9em 1em 0 1.8em; }
.xt-miniature .xtm-work-timer .xw-week-day { display: flex; flex-direction: column; align-items: center; gap: .35em; }
.xt-miniature .xtm-work-timer .xw-week-h { font-size: .5em; color: #8a909c; }
.xt-miniature .xtm-work-timer .xw-week-bar { display: flex; flex-direction: column; gap: .12em; width: 1.6em; }
.xt-miniature .xtm-work-timer .xw-week-bar span { display: block; flex-basis: 0; border-radius: .3em; }
.xt-miniature .xtm-work-timer .xw-week-bar span:first-child { background: #c6ced7; }
.xt-miniature .xtm-work-timer .xw-week-bar span:last-child { background: #2d323c; }
.xt-miniature .xtm-work-timer .xw-week-d { font-size: .52em; color: #626777; }
.xt-miniature .xtm-work-timer .xw-week-foot { display: flex; flex-wrap: wrap; gap: .3em 1em; margin-top: .85em; padding: .75em 1em 0 1.8em; border-top: 1px solid #eef1f4; }
.xt-miniature .xtm-work-timer .xw-week-key { display: inline-flex; align-items: center; gap: .4em; font-size: .52em; color: #626777; white-space: nowrap; }
.xt-miniature .xtm-work-timer .xw-week-key span { width: .85em; height: .85em; border-radius: .25em; }
.xt-miniature .xtm-work-timer .xw-week-key .is-a { background: #2d323c; }
.xt-miniature .xtm-work-timer .xw-week-key .is-b { background: #c6ced7; }
.xt-miniature .xtm-work-timer .xw-timer { z-index: 2; left: 1.4em; top: 1.5em; width: 10.6em; display: grid; gap: .3em; padding: .9em 1em .85em; border-radius: .9em; box-shadow: 0 .05em .12em #1c1f2a12, 0 1.3em 2.4em -1.1em #1c1f2a73; }
.xt-miniature .xtm-work-timer .xw-timer-project { position: relative; display: flex; align-items: center; gap: .5em; font-size: .6em; font-weight: 600; color: #191b22; white-space: nowrap; }
.xt-miniature .xtm-work-timer .xw-timer-project .xw-live { position: static; width: .75em; height: .75em; box-shadow: 0 0 0 .25em #e3eee7; }
.xt-miniature .xtm-work-timer .xw-timer-task { font-size: .56em; color: #626777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xt-miniature .xtm-work-timer .xw-timer-time { margin-top: .2em; font-size: 2.05em; font-weight: 600; letter-spacing: -.045em; line-height: 1.05; color: #191b22; }
.xt-miniature .xtm-work-timer .xw-timer-foot { display: flex; align-items: center; gap: .55em; margin-top: .35em; }
.xt-miniature .xtm-work-timer .xw-timer-foot > span:last-child { font-size: .54em; color: #8a909c; }
.xt-miniature .xtm-work-timer .xw-timer-btn { display: grid; place-items: center; width: 1.95em; height: 1.95em; border-radius: 50%; background: #191b22; color: #fff; }
.xt-miniature .xtm-work-timer .xw-timer-btn .xtm-i { width: .8em; height: .8em; stroke-width: 2.4; }

/* Bookings */
/* Both rows of times sit inside the 2:1 centre crop of the Company menu card. */
.xt-miniature .xtm-work-booking .xw-book { left: 1.4em; right: 9.2em; top: 1.8em; bottom: -1em; }
.xt-miniature .xtm-work-booking .xtm-bar { min-height: 2.35em; padding-right: 3.6em; }
.xt-miniature .xtm-work-booking .xw-book-logo { width: auto; height: .82em; }
.xt-miniature .xtm-work-booking .xw-book-body { display: grid; gap: .55em; padding: .7em 3.6em 0 1em; }
.xt-miniature .xtm-work-booking .xw-book-t { font-size: .86em; font-weight: 600; letter-spacing: -.02em; color: #191b22; }
.xt-miniature .xtm-work-booking .xw-book-days { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .35em; }
.xt-miniature .xtm-work-booking .xw-book-day { display: grid; justify-items: center; gap: .1em; padding: .5em 0 .45em; border-radius: .6em; background: #f1f3f6; }
.xt-miniature .xtm-work-booking .xw-book-day span:first-child { font-size: .5em; color: #626777; }
.xt-miniature .xtm-work-booking .xw-book-day span + span { font-size: .9em; font-weight: 600; letter-spacing: -.02em; color: #191b22; }
.xt-miniature .xtm-work-booking .xw-book-day.is-full { background: none; box-shadow: inset 0 0 0 1px #e6e9ee; }
.xt-miniature .xtm-work-booking .xw-book-day.is-full span { color: #b4bac3; }
.xt-miniature .xtm-work-booking .xw-book-day.is-on { background: #191b22; }
.xt-miniature .xtm-work-booking .xw-book-day.is-on span { color: #fff; }
.xt-miniature .xtm-work-booking .xw-book-day.is-on span:first-child { color: #c6ced7; }
.xt-miniature .xtm-work-booking .xw-book-slots { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35em; }
.xt-miniature .xtm-work-booking .xw-book-slot { display: grid; place-items: center; height: 2.4em; border: 1px solid #dce1e7; border-radius: .5em; font-size: .64em; font-weight: 600; color: #2d323c; }
.xt-miniature .xtm-work-booking .xw-book-slot.is-on { border-color: #191b22; background: #191b22; color: #fff; }
.xt-miniature .xtm-work-booking .xw-visit { z-index: 2; right: 1.4em; top: 1.4em; width: 8.6em; display: grid; gap: .3em; padding: .9em 1em .95em; border-radius: .9em; box-shadow: 0 .05em .12em #1c1f2a12, 0 1.3em 2.4em -1.1em #1c1f2a73; }
.xt-miniature .xtm-work-booking .xw-visit-who { display: flex; align-items: center; gap: .55em; min-width: 0; }
.xt-miniature .xtm-work-booking .xw-visit-who .xtm-av { width: 1.9em; height: 1.9em; }
.xt-miniature .xtm-work-booking .xw-visit-who > span:last-child { display: grid; gap: .1em; min-width: 0; }
.xt-miniature .xtm-work-booking .xw-visit-who > span:last-child span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xt-miniature .xtm-work-booking .xw-visit-who > span:last-child span:first-child { font-size: .62em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-work-booking .xw-visit-who > span:last-child span + span { font-size: .54em; color: #8a909c; }
.xt-miniature .xtm-work-booking .xw-visit-time { margin-top: .35em; font-size: 2.05em; font-weight: 600; letter-spacing: -.045em; line-height: 1.05; color: #191b22; }
.xt-miniature .xtm-work-booking .xw-visit-date { font-size: .58em; color: #626777; white-space: nowrap; }
.xt-miniature .xtm-work-booking .xw-visit-lines { display: grid; gap: .45em; margin-top: .5em; padding-top: .65em; border-top: 1px solid #eef1f4; }
.xt-miniature .xtm-work-booking .xw-visit-line { display: flex; align-items: center; gap: .45em; min-width: 0; }
.xt-miniature .xtm-work-booking .xw-visit-line .xtm-chip { width: 1.3em; height: 1.3em; }
.xt-miniature .xtm-work-booking .xw-visit-line .xtm-chip .xtm-i { width: .72em; height: .72em; }
.xt-miniature .xtm-work-booking .xw-visit-line > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: .56em; color: #2d323c; white-space: nowrap; }

/* Automations */
.xt-miniature .xtm-work-tree .xw-tree-joins { position: absolute; inset: 0; width: 100%; height: 100%; }
.xt-miniature .xtm-work-tree .xw-tree-node { position: absolute; z-index: 1; display: flex; align-items: center; gap: .5em; height: 2.7em; padding: 0 .55em; background: #fff; border: 1px solid #dce1e7; border-radius: .65em; box-shadow: 0 .05em .12em #1c1f2a0f, 0 .7em 1.4em -.9em #1c1f2a40; }
.xt-miniature .xtm-work-tree .xw-tree-node .xtm-tile { width: 1.65em; height: 1.65em; border-radius: .45em; }
.xt-miniature .xtm-work-tree .xw-tree-node .xtm-tile .xtm-i { width: .85em; height: .85em; }
.xt-miniature .xtm-work-tree .xw-tree-node .xtm-tile img { width: 1em; height: 1em; object-fit: contain; }
.xt-miniature .xtm-work-tree .xw-tree-text { display: grid; gap: .1em; flex: 1; min-width: 0; }
.xt-miniature .xtm-work-tree .xw-tree-text span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xt-miniature .xtm-work-tree .xw-tree-text span:first-child { font-size: .6em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-work-tree .xw-tree-text span + span { font-size: .5em; color: #8a909c; }
.xt-miniature .xtm-work-tree .xw-tree-node .xtm-tick { width: 1.15em; height: 1.15em; }
.xt-miniature .xtm-work-tree .xw-tree-node.is-if { background: #191b22; border-color: #191b22; box-shadow: 0 .05em .12em #1c1f2a26, 0 .9em 1.6em -.9em #1c1f2a8c; }
.xt-miniature .xtm-work-tree .xw-tree-node.is-if .xtm-tile { background: #343a46; color: #fff; }
.xt-miniature .xtm-work-tree .xw-tree-node.is-if .xw-tree-text span:first-child { color: #fff; }
.xt-miniature .xtm-work-tree .xw-tree-node.is-if .xw-tree-text span + span { color: #9aa4b2; }
.xt-miniature .xtm-work-tree .xw-tree-node.is-took { border-color: #b9d3c3; }
.xt-miniature .xtm-work-tree .xw-tree-node.is-skip { background: #f7f8fa; border-style: dashed; border-color: #c3cad3; box-shadow: none; }
.xt-miniature .xtm-work-tree .xw-tree-node.is-skip .xtm-tile { background: #fff; color: #8a909c; }
.xt-miniature .xtm-work-tree .xw-tree-node.is-skip .xw-tree-text span:first-child { color: #626777; }
.xt-miniature .xtm-work-tree .xw-tree-label { position: absolute; z-index: 2; }
.xt-miniature .xtm-work-tree .xw-tree-label span { display: block; padding: .15em .45em; border-radius: .35em; background: #fff; box-shadow: inset 0 0 0 1px #dce1e7; font-size: .5em; font-weight: 600; color: #2d323c; }
.xt-miniature .xtm-work-tree .xw-tree-run { position: absolute; z-index: 2; right: 1.2em; top: 1.2em; display: flex; align-items: center; gap: .5em; padding: .45em .9em .45em .45em; background: #fff; border: 1px solid #dce1e7; border-radius: .85em; box-shadow: 0 .05em .12em #1c1f2a12, 0 .9em 1.9em -.9em #1c1f2a5c; }

/* AI Decisions */
.xt-miniature .xtm-work-decision .xw-dec { left: 1.6em; top: 1.6em; bottom: -1em; width: 14em; display: flex; flex-direction: column; padding: 1em 1.1em; }
.xt-miniature .xtm-work-decision .xw-dec-head { display: flex; align-items: center; gap: .5em; }
.xt-miniature .xtm-work-decision .xw-dec-head .xtm-tile { width: 1.6em; height: 1.6em; border-radius: .45em; }
.xt-miniature .xtm-work-decision .xw-dec-head .xtm-tile .xtm-i { width: .85em; height: .85em; }
.xt-miniature .xtm-work-decision .xw-dec-q { margin-top: .75em; font-size: .9em; font-weight: 600; letter-spacing: -.025em; line-height: 1.2; color: #191b22; text-wrap: balance; }
.xt-miniature .xtm-work-decision .xw-dec-options { display: grid; gap: .35em; margin-top: .8em; }
.xt-miniature .xtm-work-decision .xw-dec-option { display: flex; align-items: center; gap: .55em; padding: .55em .6em; border: 1px solid #e2e6eb; border-radius: .6em; font-size: .6em; color: #2d323c; }
.xt-miniature .xtm-work-decision .xw-dec-option .xtm-radio .xtm-i { display: none; }
.xt-miniature .xtm-work-decision .xw-dec-used { display: flex; align-items: center; gap: .4em; margin-top: .9em; }
.xt-miniature .xtm-work-decision .xw-dec-used .xtm-i { width: .75em; height: .75em; color: #626777; }
.xt-miniature .xtm-work-decision .xw-dec-used span { font-size: .54em; color: #626777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xt-miniature .xtm-work-decision .xw-dec-tests { position: absolute; z-index: 2; left: 16.8em; right: 1.4em; top: 2.3em; display: grid; gap: .65em; }
.xt-miniature .xtm-work-decision .xw-dec-test { display: grid; gap: .6em; padding: .7em .8em .65em; background: #fff; border: 1px solid #dce1e7; border-radius: .75em; box-shadow: 0 .05em .12em #1c1f2a12, 0 1em 2em -1em #1c1f2a5c; }
.xt-miniature .xtm-work-decision .xw-dec-case { display: grid; gap: .12em; min-width: 0; }
.xt-miniature .xtm-work-decision .xw-dec-case span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xt-miniature .xtm-work-decision .xw-dec-case span:first-child { font-size: .62em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-work-decision .xw-dec-case span + span { font-size: .52em; color: #8a909c; }
.xt-miniature .xtm-work-decision .xw-dec-result { display: flex; align-items: center; gap: .4em; padding-top: .55em; border-top: 1px solid #eef1f4; }
.xt-miniature .xtm-work-decision .xw-dec-result > span:nth-child(2) { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .58em; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-work-decision .is-ok .xw-dec-result > span:nth-child(2) { color: #286c4c; }
.xt-miniature .xtm-work-decision .xw-dec-result .xtm-tick { width: 1.25em; height: 1.25em; }
.xt-miniature .xtm-work-decision .xw-dec-flag { display: grid; place-items: center; flex: none; width: 1.25em; height: 1.25em; border-radius: 50%; background: #eef1f4; color: #2d323c; }
.xt-miniature .xtm-work-decision .xw-dec-flag .xtm-i { width: .72em; height: .72em; }
.xt-miniature .xtm-work-decision .xw-dec-conf { margin-left: auto; flex: none; font-size: .5em; color: #8a909c; }

/* Skill Library and Prompt Library */
.xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib { left: 1.4em; top: 1.6em; bottom: -1em; width: 10.6em; }
.xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib-rows { display: grid; padding: .4em .4em; }
.xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib-row { display: flex; align-items: center; gap: .5em; padding: .45em .45em; border-radius: .55em; }
.xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib-row + .xw-lib-row { box-shadow: 0 -1px 0 #eef1f4; }
.xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib-row.is-on, .xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib-row.is-on + .xw-lib-row { box-shadow: none; }
.xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib-row.is-on { background: #eef1f4; }
.xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib-row .xtm-tile { width: 1.6em; height: 1.6em; border-radius: .45em; }
.xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib-row.is-on .xtm-tile { background: #fff; }
.xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib-row .xtm-tile .xtm-i { width: .82em; height: .82em; }
.xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib-text { display: grid; gap: .1em; min-width: 0; }
.xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib-text span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib-text span:first-child { font-size: .6em; font-weight: 600; color: #191b22; }
.xt-miniature :is(.xtm-work-skill, .xtm-work-prompt) .xw-lib-text span + span { font-size: .5em; color: #8a909c; }

.xt-miniature .xtm-work-skill .xw-skill { z-index: 2; left: 10.4em; right: 1.4em; top: 2.4em; bottom: -1em; display: flex; flex-direction: column; padding: 1.05em 1.2em; box-shadow: 0 .05em .12em #1c1f2a12, 0 1.3em 2.6em -1.2em #1c1f2a66; }
.xt-miniature .xtm-work-skill .xw-skill-t { font-size: .92em; font-weight: 600; letter-spacing: -.025em; color: #191b22; }
.xt-miniature .xtm-work-skill .xw-skill .xtm-m { margin-top: .25em; }
.xt-miniature .xtm-work-skill .xw-skill-when { display: flex; align-items: center; gap: .45em; margin-top: .8em; padding: .5em .6em; border-radius: .5em; background: #f3f5f7; }
.xt-miniature .xtm-work-skill .xw-skill-when .xtm-i { width: .72em; height: .72em; color: #191b22; }
.xt-miniature .xtm-work-skill .xw-skill-when span { font-size: .56em; color: #191b22; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xt-miniature .xtm-work-skill .xw-skill-steps { display: grid; gap: .45em; margin: .85em 0 0; padding: 0; list-style: none; }
.xt-miniature .xtm-work-skill .xw-skill-steps li { position: relative; padding-left: 1.2em; font-size: .58em; line-height: 1.4; color: #2d323c; }
.xt-miniature .xtm-work-skill .xw-skill-steps li::before { content: ''; position: absolute; left: .15em; top: .5em; width: .4em; height: .4em; border-radius: 50%; background: #2d323c; }
.xt-miniature .xtm-work-skill .xw-skill-lines { display: grid; gap: .55em; margin-top: 1em; }
.xt-miniature .xtm-work-skill .xw-skill-lines span { display: block; height: .3em; border-radius: 1em; background: #e6e9ee; }
.xt-miniature .xtm-work-skill .xw-skill-lines span:nth-child(2) { width: 82%; }
.xt-miniature .xtm-work-skill .xw-skill-lines span:nth-child(3) { width: 64%; }

.xt-miniature .xtm-work-prompt .xw-lib { width: 10.6em; }
.xt-miniature .xtm-work-prompt .xw-lib-search { display: flex; align-items: center; gap: .4em; margin: .75em .8em .1em; padding: .42em .6em; border: 1px solid #dce1e7; border-radius: .55em; }
.xt-miniature .xtm-work-prompt .xw-lib-search .xtm-i { width: .72em; height: .72em; color: #8a909c; }
.xt-miniature .xtm-work-prompt .xw-lib-search span { font-size: .58em; color: #191b22; }
.xt-miniature .xtm-work-prompt .xw-prompt { z-index: 2; left: 10.6em; right: 1.4em; top: 2.2em; bottom: -1em; display: flex; flex-direction: column; box-shadow: 0 .05em .12em #1c1f2a12, 0 1.3em 2.6em -1.2em #1c1f2a66; }
.xt-miniature .xtm-work-prompt .xw-prompt-text { padding: .45em 1.1em .2em; font-size: .64em; line-height: 2; color: #2d323c; }
.xt-miniature .xtm-work-prompt .xw-var { position: relative; padding: .18em .45em; border-radius: .4em; background: #eef1f4; box-shadow: inset 0 0 0 1px #dce1e7; color: #191b22; font-weight: 600; white-space: nowrap; }
.xt-miniature .xtm-work-prompt .xw-var.is-open { background: #fff; box-shadow: inset 0 0 0 1.5px #191b22, 0 0 0 .25em #e4e8ed; }
.xt-miniature .xtm-work-prompt .xw-var-menu { position: absolute; z-index: 3; right: -.3em; top: calc(100% + .55em); display: grid; gap: .1em; min-width: 12.5em; padding: .3em; background: #fff; border: 1px solid #dce1e7; border-radius: .7em; box-shadow: 0 .05em .12em #1c1f2a12, 0 1.2em 2.2em -1em #1c1f2a73; line-height: 1.3; }
.xt-miniature .xtm-work-prompt .xw-var-opt { display: flex; align-items: center; gap: .5em; padding: .4em .5em; border-radius: .45em; font-size: .9em; font-weight: 400; color: #4a505c; }
.xt-miniature .xtm-work-prompt .xw-var-opt.is-pick { background: #eef1f4; font-weight: 600; color: #191b22; }
.xt-miniature .xtm-work-prompt .xw-var-opt .xtm-i { width: .95em; height: .95em; color: #8a909c; }
.xt-miniature .xtm-work-prompt .xw-var-opt.is-pick .xtm-i { color: #286c4c; stroke-width: 2.2; }
.xt-miniature .xtm-work-prompt .xw-prompt-block { display: inline-flex; align-self: flex-start; align-items: center; gap: .4em; margin: .8em 0 0 .7em; padding: .4em .65em; border: 1px dashed #c3cad3; border-radius: .5em; }
.xt-miniature .xtm-work-prompt .xw-prompt-block .xtm-i { width: .75em; height: .75em; color: #2d323c; }
.xt-miniature .xtm-work-prompt .xw-prompt-block span { font-size: .56em; color: #2d323c; }
.xt-miniature .xtm-work-prompt .xw-prompt-copy { display: inline-flex; flex: none; align-items: center; gap: .35em; padding: .4em .65em; border-radius: .5em; background: #191b22; color: #fff; }
.xt-miniature .xtm-work-prompt .xw-prompt-copy .xtm-i { width: .75em; height: .75em; }
.xt-miniature .xtm-work-prompt .xw-prompt-copy span { font-size: .58em; font-weight: 600; }