.mini-surface{min-width:0;width:100%}.mini-action{font-size:17px;line-height:1.35;min-height:44px;padding:11px 14px;background:var(--navy);color:white;border:0;border-radius:8px;max-width:100%;margin-top:16px;transition:background 200ms,transform 200ms}
.mini-action:hover{background:var(--teal);transform:translateY(-2px)}.mini-action:active{transform:translateY(1px)}
.mini-bottom{display:flex;flex-wrap:wrap;gap:12px}.mini-bottom>span{flex-basis:100%;font-size:14px;color:var(--muted)}
.auto-scene{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1.2fr);align-items:center}
.source-node{padding:14px 12px;background:#ffffffb3;border:1px solid #c0dcd6;border-radius:10px;min-width:0;overflow-wrap:break-word}
.source-node small{font-size:14px;color:var(--teal);display:block}.source-node strong{display:block;font-size:20px;line-height:1.4;margin-top:8px}
.target-nodes{display:grid;gap:12px;min-width:0}.target-nodes>div{display:flex;gap:8px;align-items:center;padding:12px 10px;background:#ffffffb3;border:1px solid #c0dcd6;border-radius:8px;min-width:0}
.target-nodes>div>span:last-child{font-size:16px;line-height:1.4;min-width:0;overflow-wrap:break-word}.target-nodes small{display:block;font-size:14px;color:var(--muted);margin-top:4px}.node-icon{font-size:24px;color:var(--teal)}
.auto-connections{display:flex;flex-direction:column;justify-content:space-around;height:110px}.auto-path{height:2px;background:#c8dcd9;position:relative;overflow:hidden}.auto-path::after{content:'';position:absolute;inset:0;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform 560ms}
.auto-path i{position:absolute;left:0;top:0;width:10px;height:2px;background:var(--navy);opacity:0}.is-synced .auto-path::after{transform:scaleX(1)}.is-synced .auto-path:nth-child(2)::after{transition-delay:100ms}.is-synced .auto-path i{animation:service-transfer 650ms ease-out both}.is-synced .auto-path:nth-child(2) i{animation-delay:100ms}.is-synced .target-nodes small{color:var(--teal)}
@keyframes service-transfer{0%{opacity:0;transform:translateX(0)}20%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateX(32px)}}
.digital-caption,.digital-note{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 10px}.digital-note{margin:10px 0 0}
.digital-records{padding:20px;border:1px solid #c9d9df;border-left:5px solid #c9d9df;border-radius:6px;background:#fffdf5;min-width:0}.digital-records-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:18px}
.digital-columns,.digital-record{grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1fr);gap:12px}.digital-columns{display:none;font-size:14px;color:var(--muted)}.digital-record{display:flex;flex-wrap:wrap;font-size:17px;line-height:1.5;padding:10px 0;border-bottom:1px solid #d6dfdd;overflow-wrap:anywhere}.digital-record strong{font-weight:500}.digital-record>span::before{content:'· ';color:var(--muted)}
.digital-records.is-digital{background:#f1f8fa;border-left-color:var(--teal);border-radius:10px}.is-digital .digital-columns,.is-digital .digital-record{display:grid}.is-digital .digital-record>span::before{content:none}
.chart-scene{max-width:440px;justify-self:center}.chart-top{font-size:16px}.chart-total{display:flex;gap:12px;align-items:baseline;margin:10px 0 16px}.chart-total>span:last-child{font-size:16px;max-width:20ch}.chart-number{font-size:42px;line-height:1.1;letter-spacing:-2px}
.mini-chart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.chart-column{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:15px}.chart-column small{font-size:14px}.bar-track{height:92px;width:100%;max-width:44px}.bar-track>span{display:block;height:100%;width:100%;background:var(--teal);border-radius:5px;transform-origin:bottom}
.follow-summary{display:grid;gap:14px;margin:0}.follow-summary>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:start}.follow-summary dt{font-size:14px;line-height:1.5;color:var(--muted)}.follow-summary dd{font-size:18px;line-height:1.4;margin:0;min-width:0}
.state-chip{display:inline-block;font-size:14px;line-height:1.4;padding:4px 8px;border-radius:6px;background:#e8eff4;color:var(--navy)}.state-chip.is-complete{background:#e4f4ed;color:#126449}
.custom-scene{padding:18px;background:white;border-radius:10px}.custom-top{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:6px}.custom-item{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:10px;padding:10px 0;align-items:start;font-size:16px}.custom-item>strong{font-size:18px}.custom-item+.custom-item{border-top:1px solid #dfe9ee}
@media(max-width:1000px){.target-nodes>div{display:block}.node-icon{display:none}.custom-item{grid-template-columns:52px minmax(0,1fr)}.custom-item .state-chip{grid-column:2}}
@media(max-width:600px){.auto-scene{display:flex;flex-direction:column;align-items:stretch}.auto-connections{height:26px;flex-direction:row;justify-content:space-around}.auto-path{height:26px;width:2px}.auto-path::after{transform:scaleY(0);transform-origin:top}.is-synced .auto-path::after{transform:scaleY(1)}.auto-path i{width:2px;height:6px}.is-synced .auto-path i{animation-name:service-transfer-mobile}.target-nodes{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.target-nodes>div{padding:10px}.digital-records{padding:16px 12px}.digital-columns,.digital-record{gap:8px}.chart-scene{max-width:none}.custom-item{gap:8px}}
@keyframes service-transfer-mobile{0%{opacity:0;transform:translateY(0)}20%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateY(26px)}}
@media(prefers-reduced-motion:reduce){.auto-path::after,.mini-action{transition:none}.auto-path i{animation:none!important;display:none}.mini-action:hover,.mini-action:active{transform:none}}