:root{--ds-bg-start: #4385be;--ds-bg-end: #8b7ec8;--ds-surface: #fffcf0;--ds-border: #cecdc3;--ds-text-primary: #100f0f;--ds-text-muted: #6f6e69;--ds-primary: #205ea6}.microapp-shell-bg{width:100%;min-width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to top,#4385be,#8b7ec8);background:linear-gradient(to top,var(--ds-bg-start),var(--ds-bg-end))}.microapp-shell-card{--microapp-card-padding: 2rem;width:100%;max-width:min(450px,calc(100vw - 1.5rem));height:min(500px,calc(100vh - 1.5rem));margin:1rem;padding:2rem;padding:var(--microapp-card-padding);background:#fffcf0;background:var(--ds-surface);border:1px solid #cecdc3;border:1px solid var(--ds-border);border-radius:.25rem;box-shadow:0 12px 22px -10px #100f0f47,0 4px 8px -4px #100f0f2e;display:flex;flex-direction:column;overflow:hidden;position:relative;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,sans-serif}.microapp-shell-card--auto{height:auto;min-height:500px;max-height:calc(100vh - 1.5rem);overflow-y:auto}.microapp-shell-card.is-floating{z-index:20}.microapp-shell-card.is-maximized{max-width:none;max-height:none}.microapp-shell-card.is-minimized{height:auto!important;min-height:0!important}.microapp-shell-card.is-minimized{max-height:none}.microapp-shell-card.is-minimized>:not(.microapp-window-bar){display:none!important}.microapp-window-bar{margin:calc(var(--microapp-card-padding) * -1) calc(var(--microapp-card-padding) * -1) 1rem;padding:.62rem .95rem;border-bottom:1px solid #cecdc3;border-bottom:1px solid var(--ds-border);background:linear-gradient(180deg,#f8f5ea,#f2f0e5);display:flex;align-items:center;gap:.75rem;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.microapp-window-bar:active{cursor:grabbing}.microapp-window-controls{display:inline-flex;align-items:center;gap:.42rem;min-width:52px}.microapp-window-control{width:13px;height:13px;border-radius:999px;border:1px solid rgba(16,15,15,.22);box-shadow:0 1px 1px #ffffff73 inset;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;position:relative;line-height:1}.microapp-window-control:after{font-size:9px;font-weight:700;color:#100f0fbf;opacity:0;transition:opacity .15s ease}.microapp-window-bar:hover .microapp-window-control:after,.microapp-window-control:focus-visible:after{opacity:1}.microapp-window-control--close{background:#d14d41;border-color:#af3029}.microapp-window-control--close:after{content:"×";transform:translateY(-.4px)}.microapp-window-control--minimize{background:#d0a215;border-color:#ad8301}.microapp-window-control--minimize:after{content:"−";transform:translateY(-1.2px)}.microapp-window-control--maximize{background:#879a39;border-color:#66800b}.microapp-window-control--maximize:after{content:"+";transform:translateY(-.8px)}.microapp-window-control:focus-visible{outline:2px solid #205ea6;outline:2px solid var(--ds-primary);outline-offset:1px}.microapp-window-title{flex:1;text-align:center;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6f6e69;margin:0;pointer-events:none}.microapp-window-spacer{min-width:52px}body.microapp-window-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grabbing}.microapp-shell-content{flex:1;min-height:0;display:flex;flex-direction:column}.ds-tooltip{position:relative}.ds-tooltip-floating{position:fixed;z-index:9999;opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease;background:#282726;color:#f2f0e5;padding:.35rem .45rem;border-radius:.35rem;box-shadow:0 8px 16px #100f0f59;white-space:nowrap;font-size:.68rem;line-height:1;font-weight:600;letter-spacing:.01em}.ds-tooltip-floating:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 6px);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #282726}.ds-tooltip-floating[data-placement=top]:after{top:100%;bottom:auto;border-top-color:#282726;border-bottom:0}.ds-tooltip-floating[data-placement=bottom]:after{top:-5px;bottom:auto;border-top-color:transparent;border-bottom:5px solid #282726}.ds-tooltip-floating.is-visible{opacity:1;transform:translateY(0)}
