/* XBLUEMAN Discover local: city strip, city editor, inline translation. Scoped. */
.xbd-city-strip [hidden],.xbd-city-editor [hidden],.xbd-translation [hidden]{display:none!important}
.xbd-city-tag{color:#2467c9;font-size:.82em;white-space:nowrap}
.xbd-city-strip,.xbd-city-editor,.xbd-translation{--l-ink:#14213d;--l-soft:#5b6b88;--l-line:#dbe4f3;--l-card:#fbfdff;--l-tint:#edf3ff;--l-blue:#1f6fe5;--l-blue2:#0e4fb8;--l-ok:#17795a;--l-err:#c23650;font-family:"PingFang SC","Noto Sans SC","DM Sans",system-ui,sans-serif;color:var(--l-ink)}
.xbd-city-strip svg,.xbd-city-editor svg,.xbd-translation svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* city strip */
.xbd-city-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 4px 10px;padding:6px 6px 6px 12px;border:1px solid var(--l-line);border-radius:14px;background:var(--l-card);font-size:13px}
.xbd-city-strip form{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0;margin:0}
.xbd-city-strip label{color:var(--l-soft);white-space:nowrap}
.xbd-city-strip select,.xbd-city-editor select,.xbd-translation select{appearance:none;-webkit-appearance:none;font:inherit;font-size:13px;color:var(--l-ink);height:32px;padding:0 28px 0 10px;border:1px solid var(--l-line);border-radius:10px;background:var(--l-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6b88' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center/14px;min-width:0;max-width:100%;cursor:pointer}
.xbd-city-strip select:focus-visible,.xbd-city-editor select:focus-visible,.xbd-translation select:focus-visible,.xbd-city-strip button:focus-visible,.xbd-city-editor button:focus-visible,.xbd-translation button:focus-visible{outline:2px solid var(--l-blue);outline-offset:2px}
.xbd-city-strip button,.xbd-city-strip a,.xbd-city-editor button,.xbd-translation button{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:13px;height:32px;padding:0 12px;border-radius:10px;border:1px solid transparent;background:var(--l-blue);color:#f6f9ff;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s,opacity .15s}
.xbd-city-strip a{background:var(--l-tint);color:var(--l-blue2)}
.xbd-city-strip button:active,.xbd-city-editor button:active,.xbd-translation button:active{transform:scale(.96)}
/* city editor */
.xbd-city-editor{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;padding:10px 12px;border-radius:14px;background:var(--l-tint);font-size:13px}
.xbd-city-editor form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.xbd-city-editor [data-city-label]{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--l-card);border:1px solid var(--l-line);color:var(--l-blue2);font-weight:600}
.xbd-city-editor [data-city-feed]{color:var(--l-blue2);text-decoration:none;font-size:12.5px}
.xbd-city-editor [data-city-feed][hidden]{display:none}
.xbd-city-editor button[aria-busy=true],.xbd-translation button[aria-busy=true]{opacity:.6;cursor:progress}
.xbd-city-editor button:disabled,.xbd-translation button:disabled{opacity:.55;cursor:not-allowed}
/* status */
.xbd-city-editor [data-status],.xbd-translation [data-status]{flex-basis:100%;margin:2px 0 0;font-size:12.5px;line-height:1.5;color:var(--l-soft);min-height:0}
.xbd-city-editor [data-status]:empty,.xbd-translation [data-status]:empty{display:none}
[data-status][data-tone=ok]{color:var(--l-ok)!important}
[data-status][data-tone=err]{color:var(--l-err)!important}
[data-status][data-tone=busy]::before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:xbl-spin .8s linear infinite}
@keyframes xbl-spin{to{transform:rotate(360deg)}}
/* translation */
.xbd-translation{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 4px;padding-top:8px;border-top:1px dashed var(--l-line);font-size:13px}
.xbd-translation button{height:30px;background:var(--l-tint);color:var(--l-blue2);border-color:var(--l-line);font-weight:500}
.xbd-translation button[data-generate]{background:var(--l-blue);color:#f6f9ff;border-color:transparent;font-weight:600}
.xbd-translation button[hidden],.xbd-translation [data-result][hidden]{display:none}
.xbd-translation [data-result]{flex-basis:100%;margin-top:4px;padding:12px 14px;border-left:3px solid var(--l-blue);border-radius:4px 12px 12px 4px;background:var(--l-card);line-height:1.75;font-size:14.5px;white-space:pre-wrap;word-break:break-word;animation:xbl-in .3s ease both}
.xbd-translation .xbl-ttl{display:block;font-weight:700;margin-bottom:6px}
.xbd-translation .xbl-tag{display:block;margin-top:8px;font-size:11.5px;color:var(--l-soft);white-space:normal}
.xbd-translation .xbl-consent{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#fff7e8;border:1px solid #f1dcb0;color:#6d4a10;font-size:12.5px;line-height:1.55}
.xbd-translation .xbl-consent p{margin:0;flex:1 1 220px}
@keyframes xbl-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.xbd-translation [data-result],[data-status][data-tone=busy]::before{animation:none}}
@media(max-width:760px){
 .xbd-city-strip{margin:2px 0 8px;padding:8px;border-radius:12px}
 .xbd-city-strip form{flex:1 1 100%}
 .xbd-city-strip select{flex:1}
 .xbd-city-editor{padding:10px}
 .xbd-city-editor form{width:100%}
 .xbd-city-editor select{flex:1}
 .xbd-translation select{flex:1 1 120px}
 .xbd-translation [data-result]{font-size:14px;padding:10px 12px}
 .xbd-translation .xbl-consent button{width:100%;justify-content:center;height:38px}
 .xbd-city-strip button,.xbd-city-editor button,.xbd-translation button{height:36px}
}