/* Rara Pixel Office v50 — stable team/settings dashboard + speech bubbles */

/* Motion is intentionally retired for the stable frontend. */
.rpo-sprite-layer,.rpo-actor,.rpo-seat-mask{display:none!important;pointer-events:none!important}

/* Static speech bubbles only: characters remain painted in the approved artwork. */
.v50-bubble-layer{position:absolute;inset:0;z-index:11;pointer-events:none;overflow:hidden}
.v50-seat-bubble{position:absolute;transform:translate(-50%,-100%) translateY(-6px);max-width:158px;padding:7px 10px;border:1.5px solid #df78a8;border-radius:13px;background:#fffafc;color:#6f3653;font-size:clamp(9px,.72vw,12px);font-weight:850;line-height:1.28;text-align:center;white-space:nowrap;box-shadow:0 5px 14px rgba(128,55,88,.14);opacity:0;animation:v50BubbleLife 2.7s ease both}
.v50-seat-bubble::after{content:"";position:absolute;left:50%;bottom:-6px;width:9px;height:9px;background:#fffafc;border-right:1.5px solid #df78a8;border-bottom:1.5px solid #df78a8;transform:translateX(-50%) rotate(45deg)}
@keyframes v50BubbleLife{0%{opacity:0;transform:translate(-50%,-100%) translateY(2px) scale(.96)}12%,82%{opacity:1;transform:translate(-50%,-100%) translateY(-6px) scale(1)}100%{opacity:0;transform:translate(-50%,-100%) translateY(-11px) scale(.98)}}

/* Team/settings use the office canvas area and deliberately leave the fixed right panel visible. */
.v3-overlay.v50-dashboard-overlay{left:2.1%!important;top:8.0%!important;width:70.9%!important;height:89.0%!important;padding:0!important;border:1.5px solid #e6a7c3!important;border-radius:20px!important;background:#fff8fc!important;box-shadow:0 18px 42px rgba(117,54,84,.17)!important;backdrop-filter:none!important;overflow:hidden!important}
.v50-dashboard-overlay .v3-overlay-head{position:sticky;top:0!important;margin:0!important;padding:15px 18px 13px!important;background:#fff8fc!important;border-bottom:1px solid #f0c7d8!important;z-index:4}
.v50-dashboard-overlay .v3-overlay-head h2{font-size:20px!important;letter-spacing:-.03em}
.v50-dashboard-body{padding:15px 18px 20px;overflow:auto;height:calc(100% - 65px);box-sizing:border-box}
.v50-dashboard-overlay+.v3-overlay-backdrop,.v3-overlay-backdrop.v50-dashboard-backdrop{background:rgba(116,49,80,.055)!important}

.v50-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:13px}
.v50-summary-card{background:#fff;border:1px solid #f0c4d6;border-radius:14px;padding:10px 12px;min-height:61px;box-sizing:border-box}.v50-summary-card span{display:block;color:#9a7083;font-size:10px;font-weight:800}.v50-summary-card b{display:block;margin-top:3px;color:#943f67;font-size:22px;line-height:1}.v50-summary-card small{color:#a17b8d;font-size:9px}

.v50-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 0 8px}.v50-section-title h3{margin:0;color:#7d3a59;font-size:14px}.v50-section-title small{color:#a37b8e;font-size:10px}
.v50-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.v50-team-card{border:1px solid #efbfd3;background:linear-gradient(180deg,#fff,#fff7fb);border-radius:15px;padding:10px;text-align:left;color:#5f3548;cursor:pointer;box-shadow:0 4px 12px rgba(134,66,97,.06);transition:.15s ease}.v50-team-card:hover{transform:translateY(-1px);border-color:#e281ad;box-shadow:0 8px 16px rgba(134,66,97,.1)}
.v50-team-card.is-owner{background:linear-gradient(180deg,#fff9e9,#fff7fb);border-color:#efc58b}
.v50-team-top{display:flex;gap:9px;align-items:center}.v50-team-avatar{width:38px;height:38px;border-radius:12px;background:#ffe8f2;border:1px solid #efb9d0;display:grid;place-items:center;font-size:18px;flex:0 0 auto}.v50-team-card.is-owner .v50-team-avatar{background:#fff0c8;border-color:#edcb87}
.v50-team-copy{min-width:0}.v50-team-copy strong{display:block;color:#8d3d64;font-size:13px}.v50-team-copy span{display:block;color:#9b7486;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.v50-team-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;font-size:9px;color:#936d7e}.v50-team-status{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:999px;background:#faeaf2;color:#8e4d6b;font-weight:800}.v50-team-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#62c78d}.v50-team-provider{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v50-focus{height:5px;border-radius:999px;background:#f2dfe8;overflow:hidden;margin-top:7px}.v50-focus i{display:block;height:100%;border-radius:999px;background:#e667a0}

.v50-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v50-settings-card{background:#fff;border:1px solid #efc2d5;border-radius:15px;padding:12px}.v50-settings-card.is-wide{grid-column:1/-1}.v50-settings-card h3{margin:0 0 4px;color:#7e3c5b;font-size:13px}.v50-settings-card>p{margin:0 0 10px;color:#9a7486;font-size:10px;line-height:1.5}
.v50-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v50-provider-card{border:1px solid #efbfd2;background:#fff8fc;border-radius:12px;padding:9px;text-align:left;color:#6d3d53;cursor:pointer}.v50-provider-card.is-selected{border-color:#db669a;box-shadow:0 0 0 2px rgba(219,102,154,.1)}.v50-provider-card strong{display:flex;align-items:center;gap:6px;font-size:11px}.v50-provider-card small{display:block;margin-top:4px;color:#a17a8c;font-size:9px}.v50-provider-dot{width:7px;height:7px;border-radius:50%;background:#d9bdca;display:inline-block}.v50-provider-dot.is-on{background:#52bf84;box-shadow:0 0 0 3px rgba(82,191,132,.1)}
.v50-setting-row{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 0;border-top:1px dashed #f0d2df}.v50-setting-row:first-of-type{border-top:0}.v50-setting-row label,.v50-setting-row>span{font-size:10px;font-weight:800;color:#744057}.v50-setting-row select{min-width:120px;border:1px solid #e9b7cc;border-radius:9px;background:#fffafd;color:#744057;padding:6px 8px;font-size:10px;font-weight:800}
.v50-employee-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.v50-employee-setting{display:grid;grid-template-columns:minmax(0,1fr) 104px 92px;gap:6px;align-items:center;padding:8px;border:1px solid #f0cadb;border-radius:11px;background:#fff9fc}.v50-employee-setting b{font-size:10px;color:#7c405b}.v50-employee-setting small{display:block;font-size:8.5px;color:#a37d8e;margin-top:1px}.v50-employee-setting select{width:100%;min-width:0;border:1px solid #e9b8cd;border-radius:8px;background:white;color:#714055;padding:5px 6px;font-size:9px}
.v50-ai-refresh{border:1px solid #e7a9c4;background:#fff;color:#914769;border-radius:9px;padding:6px 9px;font-size:9px;font-weight:850;cursor:pointer}.v50-ai-note{margin-top:8px;padding:8px 9px;border-radius:10px;background:#fff5fa;color:#916a7c;font-size:9px;line-height:1.5}

@media(max-width:1150px){.v50-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v50-settings-grid{grid-template-columns:1fr}.v50-settings-card.is-wide{grid-column:auto}.v50-employee-settings{grid-template-columns:1fr}.v50-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.v50-seat-bubble{animation:none;opacity:1}.v50-team-card{transition:none}}
