/* RANGO 2.11 — location, support and photo studio */
.rango-near-control{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:10px 0 14px;position:relative;z-index:3}
.rango-near-control .btn{white-space:nowrap;font-size:13px;padding:11px 14px}
.rango-near-control label{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--text,#3f303e)}
.rango-near-control select{border:1px solid #e5d8e1;background:#fff;border-radius:12px;padding:10px;color:#442b42;font-family:inherit}
.rango-distance{display:inline-flex;margin-bottom:8px;background:#f6ebf2;color:#754560;padding:5px 9px;border-radius:16px;font-size:12px;font-weight:700}
.rango-loc-picker{min-width:min(760px,100%);padding:0 4px 10px}
.rango-picker-map-wrap{height:340px;position:relative;overflow:hidden;border:1px solid #e3d7de;border-radius:17px;background:#e6e2df}
#rango-picker-map{height:100%;width:100%}
.rango-picker-cross{pointer-events:none;position:absolute;z-index:12;top:50%;left:50%;transform:translate(-50%,-50%);background:#a3507b;color:#fff;box-shadow:0 0 0 5px #ffffffcc,0 4px 25px #3a213b99;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:30px}
#rango-picker-coords{direction:ltr;text-align:center;color:#655060;font-size:12px;margin:8px 0 16px}
.rango-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rango-signup-location{background:#fbf7f9;border:1px solid #e9dfe4;border-radius:18px;padding:15px;margin-bottom:15px;display:grid;gap:10px}
.rango-signup-location[hidden]{display:none}
.rango-signup-location h3{font-size:17px;margin:0}
.rango-signup-location .btn{justify-self:start}
.rango-pin-status{font-size:12px;display:inline-block}
.rango-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.rango-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 24px}
.rango-info-item{border:1px solid #e9e0e6;background:#fbf8fa;padding:13px 14px;border-radius:12px;min-width:0}
.rango-info-item small{display:block;color:#8b7484;font-size:11px;margin-bottom:8px}
.rango-info-item b{display:block;overflow-wrap:anywhere;line-height:1.8;font-size:13px}
.rango-artist-quick{padding:14px 0 20px;border-bottom:1px solid #eee;margin-bottom:14px}
.rango-artist-pills{display:flex;gap:8px;flex-wrap:wrap;max-height:280px;overflow:auto}
.rango-artist-pills .btn{font-size:11px;padding:7px 10px}
.rango-photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px;margin:12px 0}
.rango-photo-gallery>img{width:100%;height:145px;border-radius:12px;object-fit:cover}
.rango-drop{border:2px dashed #caabc0;border-radius:20px;background:linear-gradient(145deg,#fcf9fb,#f5edf2);display:grid;place-items:center;text-align:center;min-height:136px;padding:20px;cursor:pointer;color:#5f3455;font-weight:700}
.rango-drop input{width:100%;max-width:280px;margin-top:12px;color:#59394e;font-size:12px}
.rango-photo-select{position:relative;overflow:hidden;border-radius:14px;background:#f6eff2}
.rango-photo-select img{width:100%;height:165px;display:block;object-fit:cover;transition:filter .25s ease,transform .25s ease}
.rango-photo-select span{position:absolute;bottom:6px;right:6px;background:#fffffff0;color:#493444;border-radius:9px;padding:4px 8px;font-size:11px}
.rango-edit-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0}
.rango-edit-controls label{display:grid;gap:6px;font-size:13px;color:#493444}
.rango-edit-controls input[type=range]{width:100%;accent-color:#945f79}
.rango-chat-layout{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.5fr);gap:18px;margin-top:17px}
.rango-chat-list{max-height:550px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.rango-chat-row{cursor:pointer;display:flex;flex-direction:column;text-align:right;gap:7px;background:#fcf8fa;border:1px solid #eae0e7;border-radius:12px;padding:14px 12px;color:#443344;font-family:inherit}
.rango-chat-row:hover,.rango-chat-row:focus{background:#f5e9f0;border-color:#cfaabb}
.rango-chat-row small{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}
.rango-chat-view{border:1px solid #eadfe6;border-radius:14px;padding:15px;min-height:270px;background:#fff}
.rango-bubbles{display:flex;flex-direction:column;gap:9px;max-height:320px;overflow-y:auto;overscroll-behavior:contain;padding:12px 4px;margin:13px 0}
.rango-bubble{background:#f2eef0;align-self:flex-start;border-radius:15px 15px 15px 4px;padding:12px;max-width:88%;overflow-wrap:anywhere;font-size:13px}
.rango-bubble.mine{background:#e9d2e0;align-self:flex-end;border-radius:15px 15px 4px 15px}
.rango-bubble b{font-size:11px;color:#7d5971}
.rango-bubble p{margin:5px 0 7px;white-space:pre-wrap;line-height:1.8}
.rango-bubble small{font-size:10px;color:#8c7b8b}
.rango-chat-form{display:grid;gap:10px}
.rango-chat-form .btn{justify-self:end}
#rango-support-fab{position:fixed;bottom:23px;left:23px;z-index:110;background:#57334c;color:#fff;border:1px solid #ffffff70;border-radius:25px;padding:13px 18px;box-shadow:0 12px 30px #331e3280;font:700 14px inherit;cursor:pointer;transition:transform .15s}
#rango-support-fab:hover{transform:translateY(-3px)}
.rango-support{min-width:min(460px,calc(100vw - 45px));max-width:650px;padding:7px 2px 14px}
.rango-support .rango-bubbles{min-height:150px}
.modal:has(.rango-loc-picker){width:min(800px,calc(100vw - 25px));max-width:800px}
.modal:has(.rango-support){width:min(540px,calc(100vw - 25px))}
@media(max-width:750px){.rango-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rango-chat-layout{grid-template-columns:1fr}.rango-chat-list{max-height:190px}.rango-picker-map-wrap{height:320px}.rango-edit-controls{grid-template-columns:1fr}.rango-near-control{gap:6px}.rango-near-control .btn{font-size:11px;padding:9px 10px}#rango-support-fab{bottom:79px;left:13px;padding:10px 13px;font-size:12px}}