/* =========================================================
   TripCooking — adminProPlus.css
   Toutes les classes sont préfixées adminStudio-
   pour éviter les collisions avec le site public.
   ========================================================= */
.adminStudio{
  --admin-bg:#050a11;
  --admin-panel:#0b131e;
  --admin-panel-2:#0e1825;
  --admin-border:rgba(135,158,194,.16);
  --admin-text:#f7f9fc;
  --admin-muted:#8b96a8;
  --admin-purple:#6d4cff;
  --admin-green:#34d879;
  --admin-orange:#ff8a2a;
  --admin-red:#ef5252;
  --admin-blue:#3d8fff;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  width:100%;
  min-height:calc(100vh - 58px);
  background:
    radial-gradient(1000px 520px at 58% 18%,rgba(15,80,132,.12),transparent 68%),
    linear-gradient(180deg,#050a11,#070c13);
  color:var(--admin-text);
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:12px;
  line-height:1.35;
}
.adminStudio *{box-sizing:border-box}
.adminStudio a{color:inherit;text-decoration:none}
.adminStudio h1,.adminStudio h2,.adminStudio h3,.adminStudio p{margin:0}
.adminStudio button{font:inherit}
.adminStudio-mobileButton,.adminStudio-overlay{display:none}

.adminStudio-sidebar{
  position:sticky;
  top:58px;
  height:calc(100vh - 58px);
  overflow:auto;
  padding:12px 9px 16px;
  border-right:1px solid var(--admin-border);
  background:linear-gradient(180deg,rgba(6,13,22,.99),rgba(5,10,17,.99));
}
.adminStudio-nav{display:flex;flex-direction:column}
.adminStudio-navLabel{
  padding:15px 11px 6px;
  color:#697588;
  font-size:9px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.adminStudio-navItem{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:29px;
  padding:0 10px;
  border-radius:7px;
  color:#aeb7c6;
  transition:.16s ease;
}
.adminStudio-navItem:hover{background:#111b29;color:#fff}
.adminStudio-navItem.is-active{background:linear-gradient(90deg,#24255a,#1c1f4a);color:#fff}
.adminStudio-navItem>span{width:15px;text-align:center;color:#c1cad8}
.adminStudio-navItem strong{flex:1;font-weight:500}
.adminStudio-navItem em{font-style:normal;color:#9aa5b5;font-size:10px}
.adminStudio-navItem .is-pill{padding:2px 6px;border-radius:12px;background:#4930aa;color:#fff}
.adminStudio-navItem .is-live{color:var(--admin-green);font-weight:800}
.adminStudio-themeButton{
  display:flex;align-items:center;gap:10px;width:100%;margin-top:16px;padding:11px 12px;
  border:1px solid var(--admin-border);border-radius:9px;background:#0d1622;color:#cbd2dc;
}
.adminStudio-themeButton strong{flex:1;text-align:left;font-weight:500}

.adminStudio-main{min-width:0;padding:12px;display:flex;flex-direction:column;gap:8px}
.adminStudio-card,.adminStudio-stats{
  border:1px solid var(--admin-border);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(12,20,31,.98),rgba(8,15,24,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.018);
}
.adminStudio-card{padding:13px}
.adminStudio-cardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.adminStudio-cardHeader h2,.adminStudio-card>h2{font-size:13px;font-weight:700}
.adminStudio-cardHeader p{margin-top:3px;color:var(--admin-muted);font-size:10px}
.adminStudio-cardHeader a{color:#8a68ff;font-size:10px}
.adminStudio-cardHeader small{margin-left:5px;color:#7a8597;font-weight:400}

.adminStudio-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:6px 4px}
.adminStudio-stat{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 12px;border-right:1px solid var(--admin-border)}
.adminStudio-stat:last-child{border-right:0}
.adminStudio-statIcon{
  display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border:1px solid currentColor;border-radius:50%;
  background:rgba(255,255,255,.03);font-size:17px;
}
.adminStudio-stat strong{display:block;font-size:18px;line-height:1.05}
.adminStudio-stat div>span,.adminStudio-stat small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.adminStudio-stat div>span{margin-top:2px;color:#c2c9d4;font-size:10px}
.adminStudio-stat small{margin-top:2px;color:var(--admin-muted);font-size:9px}
.adminStudio-stat--pink .adminStudio-statIcon{color:#ef72aa}
.adminStudio-stat--green .adminStudio-statIcon{color:#53df88}
.adminStudio-stat--amber .adminStudio-statIcon{color:#efb633}
.adminStudio-stat--blue .adminStudio-statIcon{color:#5b93ff}
.adminStudio-stat--purple .adminStudio-statIcon{color:#9f70ff}
.adminStudio-stat--orange .adminStudio-statIcon{color:#ff7540}

.adminStudio-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:8px}
.adminStudio-side{display:grid;gap:8px}
.adminStudio-worldCard{padding-bottom:0}
.adminStudio-map{
  position:relative;height:424px;overflow:hidden;margin:0 -13px;border-radius:0 0 11px 11px;
  background:radial-gradient(circle at 50% 42%,#0b1c2c,#05101a 72%);
}
.adminStudio-mapImage{
  position:absolute;inset:11px 28px 11px 77px;width:calc(100% - 105px);height:calc(100% - 22px);
  object-fit:contain;filter:saturate(1.08) contrast(1.04);
}
.adminStudio-mapLegend,.adminStudio-countryCard{
  position:absolute;z-index:3;border:1px solid rgba(147,170,207,.22);background:rgba(7,14,23,.91);
  backdrop-filter:blur(9px);box-shadow:0 18px 55px rgba(0,0,0,.42);
}
.adminStudio-mapLegend{left:13px;bottom:66px;width:142px;padding:12px;border-radius:10px}
.adminStudio-mapLegend h3{font-size:12px;margin-bottom:8px}
.adminStudio-mapLegend p{display:flex;align-items:center;gap:7px;margin:6px 0;color:#c4cad5;font-size:10px}
.adminStudio-mapLegend p i{width:8px;height:8px;border-radius:50%}
.adminStudio-mapLegend .is-excellent{background:#30c978}
.adminStudio-mapLegend .is-good{background:#dfa92e}
.adminStudio-mapLegend .is-average{background:#ed8127}
.adminStudio-mapLegend .is-low{background:#e9564e}
.adminStudio-mapLegend .is-none{background:#4d596b}
.adminStudio-mapLegend>div{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid var(--admin-border);font-size:9px}
.adminStudio-mapLegend button{width:25px;height:13px;border:0;border-radius:10px;background:#704dff;box-shadow:inset -10px 0 #fff}

.adminStudio-countryCard{left:43%;top:43px;width:180px;padding:12px;border-radius:10px}
.adminStudio-countryCard header{display:flex;align-items:center;gap:7px}
.adminStudio-countryCard header strong{font-size:13px}
.adminStudio-countryCard header span{margin-left:auto;color:#4bdf82;font-size:8px}
.adminStudio-countryCard ul{margin:7px 0;padding:0;list-style:none;color:#c8ced8;line-height:1.8}
.adminStudio-countryMetrics{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}
.adminStudio-countryMetrics b{font-size:12px}
.adminStudio-countryMetrics small{display:block;color:#808a9c;font-size:8px;font-weight:400}
.adminStudio-countryMetrics>strong{display:grid;place-items:center;width:44px;height:44px;border:4px solid #45cd72;border-radius:50%;font-size:10px}
.adminStudio-countryCard>p{margin:8px 0 5px;color:#7e899a;font-size:9px}
.adminStudio-countryRecipe{display:flex;align-items:center;gap:7px}
.adminStudio-countryRecipe>span{display:grid;place-items:center;width:35px;height:31px;border-radius:6px;background:#3b2c19}
.adminStudio-countryRecipe b,.adminStudio-countryRecipe small{display:block}
.adminStudio-countryRecipe b{font-size:8px}
.adminStudio-countryRecipe small{color:#7f8998;font-size:8px}
.adminStudio-countryCard>a{display:block;margin-top:10px;padding:8px;border-radius:5px;background:linear-gradient(90deg,#6d49ff,#7c55f4);text-align:center;font-size:9px;font-weight:700}
.adminStudio-mapPoint{position:absolute;z-index:2;width:13px;height:13px;transform:translate(-50%,-50%);border:0;background:transparent}
.adminStudio-mapPoint span{display:block;width:7px;height:7px;border-radius:50%;background:#7656ff;box-shadow:0 0 12px #7f5eff}
.adminStudio-mapControls{position:absolute;right:12px;bottom:12px;display:grid;gap:5px}
.adminStudio-mapControls button{width:32px;height:32px;border:1px solid var(--admin-border);border-radius:7px;background:#0b1420;color:#d7dce5}

.adminStudio-activityItem{
  display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--admin-border)
}
.adminStudio-activityItem>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#0d3152}
.adminStudio-activityItem strong,.adminStudio-activityItem small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.adminStudio-activityItem strong{font-size:9px}
.adminStudio-activityItem small,.adminStudio-activityItem time{color:#7d8798;font-size:8px}
.adminStudio-live{padding-top:8px;color:var(--admin-green);font-size:8px}
.adminStudio-goal{margin:9px 0}
.adminStudio-goal>div{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:9px}
.adminStudio-goal>div span{color:#9ba5b4}
.adminStudio-goal progress{display:block;width:100%;height:5px;border:0;border-radius:10px;overflow:hidden;background:#1a2230}
.adminStudio-goal progress::-webkit-progress-bar{background:#1a2230}
.adminStudio-goal progress::-webkit-progress-value{background:#8058ff;border-radius:10px}
.adminStudio-goal.is-orange progress::-webkit-progress-value{background:#ff852f}
.adminStudio-goal.is-green progress::-webkit-progress-value{background:#43cf70}

.adminStudio-dashboardRow{display:grid;grid-template-columns:1.25fr 1.2fr .75fr 1.25fr;gap:8px}
.adminStudio-dashboardRow>.adminStudio-card{min-height:204px}
.adminStudio-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.adminStudio-kpis>div{padding:7px;border:1px solid var(--admin-border);border-radius:6px;background:#0d1725}
.adminStudio-kpis strong{display:block;font-size:14px}
.adminStudio-kpis span{color:#8e99aa;font-size:8px}
.adminStudio-kpis em{color:#35cf72;font-style:normal}
.adminStudio-chart{display:block;width:100%;height:100px;margin-top:8px}
.adminStudio-chartGrid line{stroke:rgba(126,145,177,.13);stroke-width:1}
.adminStudio-chartArea{fill:url(#adminStudioChartGradient)}
.adminStudio-chartLine{fill:none;stroke:#7656ff;stroke-width:2}
.adminStudio-chartDots circle{fill:#7859ff;stroke:#b7a8ff;stroke-width:1}
.adminStudio-chartLabels{display:flex;justify-content:space-between;color:#69758a;font-size:8px}

.adminStudio-pipeline{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:13px}
.adminStudio-pipelineStage{text-align:center}
.adminStudio-pipelineStage>span{display:grid;place-items:center;width:35px;height:35px;margin:auto;border:2px solid rgba(255,255,255,.15);border-radius:50%;background:#6044da}
.adminStudio-pipelineStage small{display:block;margin-top:7px;color:#9da7b7;font-size:8px}
.adminStudio-pipelineStage strong{display:block;margin-top:6px;font-size:11px}
.adminStudio-pipeline>i{color:#758093;font-style:normal}
.adminStudio-pipelineStage--blue>span{background:#2e78d4}
.adminStudio-pipelineStage--green>span{background:#36a966}
.adminStudio-pipelineStage--amber>span{background:#c58b2d}
.adminStudio-pipelineStage--red>span{background:#d4585e}
.adminStudio-pipelineStage--success>span{background:#38a967}
.adminStudio-completion{margin-top:13px;padding-top:10px;border-top:1px solid var(--admin-border)}
.adminStudio-completion>div{display:flex;justify-content:space-between;color:#9da7b7;font-size:9px}
.adminStudio-completion>i{display:block;height:6px;margin-top:6px;overflow:hidden;border-radius:6px;background:#1b2432}
.adminStudio-completion>i b{display:block;height:100%;background:linear-gradient(90deg,#6e4cff,#9c69ef)}

.adminStudio-healthCard ul{margin:0;padding:0;list-style:none}
.adminStudio-healthCard li{display:flex;justify-content:space-between;padding:4px 0;color:#9ca7b7;font-size:8px}
.adminStudio-healthCard li b{color:#42d47a}
.adminStudio-healthCard li.is-warning,.adminStudio-healthCard li.is-warning b{color:#f0b52d}
.adminStudio-healthFooter{margin-top:8px;padding-top:9px;border-top:1px solid var(--admin-border);color:#39d075;font-size:8px}

.adminStudio-donutContent{display:flex;align-items:center;gap:12px}
.adminStudio-donut{position:relative;width:118px;height:118px;flex:0 0 118px;border-radius:50%;
  background:conic-gradient(#5737dc 0 33%,#df6842 33% 42%,#96aa5d 42% 50%,#4f82c7 50% 57%,#38ad8d 57% 65%,#e45650 65% 72%,#9a6098 72% 78%,#eaa72e 78% 84%,#4b4e61 84%);
}
.adminStudio-donut::after{content:"";position:absolute;inset:25px;border-radius:50%;background:#0b121d}
.adminStudio-donut>div{position:absolute;inset:0;z-index:2;display:grid;place-content:center;text-align:center}
.adminStudio-donut strong{font-size:18px}
.adminStudio-donut span{color:#909baa;font-size:9px}
.adminStudio-donutLegend{flex:1}
.adminStudio-donutLegend p{display:flex;align-items:center;gap:5px;margin:3px 0;color:#9ca6b6;font-size:8px}
.adminStudio-donutLegend p i{width:7px;height:7px;border-radius:50%;background:#6548e9}
.adminStudio-donutLegend p.is-orange i{background:#df6842}
.adminStudio-donutLegend p.is-olive i{background:#96aa5d}
.adminStudio-donutLegend p.is-blue i{background:#4f82c7}
.adminStudio-donutLegend p.is-teal i{background:#38ad8d}
.adminStudio-donutLegend p.is-red i{background:#e45650}
.adminStudio-donutLegend p.is-pink i{background:#9a6098}
.adminStudio-donutLegend p.is-amber i{background:#eaa72e}
.adminStudio-donutLegend p.is-gray i{background:#4b4e61}
.adminStudio-donutLegend p span{flex:1}

.adminStudio-actionsCard{padding:10px 13px}
.adminStudio-actionsCard>h2{margin-bottom:8px}
.adminStudio-actions{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.adminStudio-actions a{display:flex;align-items:center;justify-content:center;min-height:31px;padding:0 7px;border:1px solid var(--admin-border);border-radius:6px;background:linear-gradient(180deg,#17202d,#101722);font-size:9px;white-space:nowrap}
.adminStudio-actions a:hover{border-color:#7357ec}
.adminStudio-actions .is-danger{color:#ff7979}

.adminStudio-recipes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.adminStudio-recipe{display:flex;align-items:center;gap:8px;min-width:0;padding:5px;border:1px solid var(--admin-border);border-radius:7px;background:#0d1622}
.adminStudio-recipe img,.adminStudio-recipeFallback{width:62px;height:48px;flex:0 0 62px;border-radius:6px;object-fit:cover}
.adminStudio-recipeFallback{display:grid;place-items:center;background:#2b2118}
.adminStudio-recipe div{min-width:0}
.adminStudio-recipe strong,.adminStudio-recipe small,.adminStudio-recipe time{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.adminStudio-recipe strong{font-size:9px}
.adminStudio-recipe small,.adminStudio-recipe time{margin-top:2px;color:#7f899a;font-size:8px}

.adminStudio-detailGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.adminStudio-reviewList,.adminStudio-userList{display:grid;gap:6px}
.adminStudio-reviewItem,.adminStudio-userItem{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--admin-border);border-radius:7px;background:#0d1622}
.adminStudio-reviewItem>span{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:#30223f}
.adminStudio-reviewItem div,.adminStudio-userItem div{flex:1;min-width:0}
.adminStudio-reviewItem strong,.adminStudio-reviewItem small,.adminStudio-userItem strong,.adminStudio-userItem small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.adminStudio-reviewItem small,.adminStudio-userItem small{color:#7e899a;font-size:8px}
.adminStudio-reviewItem em,.adminStudio-userItem>a,.adminStudio-protected{padding:5px 8px;border-radius:6px;background:#2b2150;color:#c4b6ff;font-style:normal;font-size:8px}
.adminStudio-userItem img{width:34px;height:34px;border-radius:8px;object-fit:cover}

@media(max-width:1400px){
  .adminStudio{grid-template-columns:205px minmax(0,1fr)}
  .adminStudio-stats{grid-template-columns:repeat(4,1fr)}
  .adminStudio-stat:nth-child(4){border-right:0}
  .adminStudio-dashboardRow{grid-template-columns:1fr 1fr}
  .adminStudio-actions{grid-template-columns:repeat(4,1fr)}
  .adminStudio-recipes{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1050px){
  .adminStudio-hero{grid-template-columns:1fr}
  .adminStudio-side{grid-template-columns:1fr 1fr}
  .adminStudio-map{height:390px}
}
@media(max-width:780px){
  .adminStudio{display:block}
  .adminStudio-sidebar{position:fixed;z-index:110;left:0;top:0;width:250px;height:100vh;transform:translateX(-100%);transition:.2s}
  .adminStudio.is-menuOpen .adminStudio-sidebar{transform:none}
  .adminStudio-overlay{position:fixed;z-index:100;inset:0;border:0;background:rgba(0,0,0,.68)}
  .adminStudio.is-menuOpen .adminStudio-overlay{display:block}
  .adminStudio-mobileButton{display:block;position:fixed;z-index:90;left:10px;bottom:10px;width:42px;height:42px;border:1px solid var(--admin-border);border-radius:10px;background:#171f2c;color:#fff}
  .adminStudio-main{padding:8px}
  .adminStudio-stats{grid-template-columns:1fr 1fr}
  .adminStudio-stat:nth-child(even){border-right:0}
  .adminStudio-side,.adminStudio-dashboardRow,.adminStudio-detailGrid{grid-template-columns:1fr}
  .adminStudio-map{height:330px}
  .adminStudio-mapImage{inset:20px;width:calc(100% - 40px);height:calc(100% - 40px)}
  .adminStudio-countryCard{display:none}
  .adminStudio-actions{grid-template-columns:1fr 1fr}
  .adminStudio-recipes{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .adminStudio-stats,.adminStudio-actions,.adminStudio-recipes{grid-template-columns:1fr}
  .adminStudio-stat{border-right:0;border-bottom:1px solid var(--admin-border)}
  .adminStudio-map{height:270px}
}


/* =========================================================
   CARTE INTERACTIVE ADMIN
   ========================================================= */
.adminStudio-map{
  position:relative;
  height:424px;
  overflow:hidden;
  margin:0 -13px;
  border-radius:0 0 11px 11px;
  background:
    radial-gradient(circle at 52% 42%,rgba(20,73,112,.28),transparent 42%),
    linear-gradient(180deg,#07131f,#05101a);
}

.adminStudio-mapCanvas{
  --admin-map-scale:1;
  --admin-map-x:0px;
  --admin-map-y:0px;
  position:absolute;
  inset:0;
  transform:
    translate(var(--admin-map-x),var(--admin-map-y))
    scale(var(--admin-map-scale));
  transform-origin:center;
  transition:transform .22s ease;
}

.adminStudio-mapImage{
  position:absolute;
  inset:10px 25px 10px 70px;
  width:calc(100% - 95px);
  height:calc(100% - 20px);
  object-fit:contain;
  user-select:none;
  pointer-events:none;
  filter:saturate(1.08) contrast(1.06);
}

.adminStudio-countryPin{
  position:absolute;
  z-index:4;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  min-width:42px;
  padding:0;
  border:0;
  background:transparent;
  color:#fff;
  transform:translate(-50%,-50%);
  cursor:pointer;
}

.adminStudio-countryPinBubble{
  display:flex;
  align-items:center;
  gap:4px;
  min-height:24px;
  padding:3px 7px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  background:rgba(7,13,22,.88);
  box-shadow:0 8px 22px rgba(0,0,0,.38);
  backdrop-filter:blur(7px);
  transition:transform .16s,border-color .16s,box-shadow .16s;
}

.adminStudio-countryPinBubble b{
  font-size:12px;
  line-height:1;
}

.adminStudio-countryPinBubble strong{
  font-size:9px;
  line-height:1;
}

.adminStudio-countryPinDot{
  width:7px;
  height:7px;
  border:2px solid rgba(255,255,255,.75);
  border-radius:50%;
  background:#6e51ff;
  box-shadow:0 0 0 4px rgba(110,81,255,.16),0 0 16px rgba(110,81,255,.8);
}

.adminStudio-countryPinName{
  max-width:88px;
  overflow:hidden;
  color:#d7dde7;
  font-size:8px;
  line-height:1.1;
  white-space:nowrap;
  text-overflow:ellipsis;
  text-shadow:0 2px 5px #000;
}

.adminStudio-countryPin:hover .adminStudio-countryPinBubble,
.adminStudio-countryPin.is-active .adminStudio-countryPinBubble{
  transform:translateY(-3px) scale(1.06);
  border-color:#8f78ff;
  box-shadow:0 10px 28px rgba(40,21,119,.5);
}

.adminStudio-countryPin.is-active{
  z-index:8;
}

.adminStudio-countryPin.is-active .adminStudio-countryPinDot{
  animation:adminStudioMapPulse 1.5s infinite;
}

.adminStudio-countryPin--excellent .adminStudio-countryPinDot{background:#34d879;box-shadow:0 0 0 4px rgba(52,216,121,.16),0 0 16px rgba(52,216,121,.8)}
.adminStudio-countryPin--good .adminStudio-countryPinDot{background:#e8b13c;box-shadow:0 0 0 4px rgba(232,177,60,.16),0 0 16px rgba(232,177,60,.75)}
.adminStudio-countryPin--average .adminStudio-countryPinDot{background:#ee842d;box-shadow:0 0 0 4px rgba(238,132,45,.16),0 0 16px rgba(238,132,45,.75)}
.adminStudio-countryPin--low .adminStudio-countryPinDot{background:#e95a54;box-shadow:0 0 0 4px rgba(233,90,84,.16),0 0 16px rgba(233,90,84,.72)}

.adminStudio.is-labelsHidden .adminStudio-countryPinName,
.adminStudio.is-labelsHidden .adminStudio-countryPinBubble strong{
  display:none;
}

.adminStudio-mapStatsToggle.is-off{
  opacity:.45;
}

@keyframes adminStudioMapPulse{
  0%{box-shadow:0 0 0 0 rgba(117,87,255,.72)}
  70%{box-shadow:0 0 0 13px rgba(117,87,255,0)}
  100%{box-shadow:0 0 0 0 rgba(117,87,255,0)}
}

.adminStudio-countryModal{
  position:absolute;
  z-index:12;
  left:50%;
  top:48%;
  width:224px;
  padding:14px;
  border:1px solid rgba(139,158,194,.28);
  border-radius:12px;
  background:rgba(7,14,23,.95);
  color:#fff;
  box-shadow:0 20px 60px rgba(0,0,0,.55);
  opacity:0;
  transform:translate(-50%,-45%) scale(.96);
  transition:opacity .18s,transform .18s;
  backdrop-filter:blur(12px);
}

.adminStudio-countryModal[hidden]{display:none}

.adminStudio-countryModal.is-visible{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}

.adminStudio-countryModalClose{
  position:absolute;
  right:8px;
  top:7px;
  width:25px;
  height:25px;
  border:1px solid var(--admin-border);
  border-radius:7px;
  background:#101927;
  color:#aeb8c7;
  cursor:pointer;
}

.adminStudio-countryModal header{
  display:flex;
  align-items:center;
  gap:9px;
  padding-right:26px;
}

.adminStudio-countryModal header>span{
  font-size:20px;
}

.adminStudio-countryModal header strong,
.adminStudio-countryModal header small{
  display:block;
}

.adminStudio-countryModal header strong{
  font-size:14px;
}

.adminStudio-countryModal header small{
  margin-top:2px;
  color:#42d57b;
  font-size:8px;
}

.adminStudio-countryModalCount{
  display:flex;
  align-items:baseline;
  gap:6px;
  margin:12px 0;
  padding:9px;
  border:1px solid var(--admin-border);
  border-radius:8px;
  background:#0d1724;
}

.adminStudio-countryModalCount strong{
  font-size:20px;
}

.adminStudio-countryModalCount span{
  color:#939eae;
  font-size:9px;
}

.adminStudio-countryModalRecipe{
  display:flex;
  align-items:center;
  gap:8px;
}

.adminStudio-countryModalRecipe img{
  width:52px;
  height:42px;
  flex:0 0 52px;
  border-radius:7px;
  object-fit:cover;
  background:#111b28;
}

.adminStudio-countryModalRecipe div{
  min-width:0;
}

.adminStudio-countryModalRecipe small,
.adminStudio-countryModalRecipe strong,
.adminStudio-countryModalRecipe time{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.adminStudio-countryModalRecipe small,
.adminStudio-countryModalRecipe time{
  color:#7f899a;
  font-size:8px;
}

.adminStudio-countryModalRecipe strong{
  margin:2px 0;
  font-size:9px;
}

.adminStudio-countryModalActions{
  display:grid;
  gap:6px;
  margin-top:12px;
}

.adminStudio-countryModalActions a{
  padding:8px;
  border:1px solid #7254e7;
  border-radius:7px;
  background:linear-gradient(90deg,#6547e8,#7954f1);
  text-align:center;
  font-size:9px;
  font-weight:700;
}

.adminStudio-countryModalActions a:last-child{
  border-color:var(--admin-border);
  background:#111a27;
  color:#b8c0cc;
}

.adminStudio-mapControls{
  z-index:20;
}

@media(max-width:1050px){
  .adminStudio-countryModal{
    width:210px;
  }
}

@media(max-width:780px){
  .adminStudio-map{
    height:360px;
  }

  .adminStudio-mapImage{
    inset:25px 10px;
    width:calc(100% - 20px);
    height:calc(100% - 50px);
  }

  .adminStudio-mapLegend{
    display:none;
  }

  .adminStudio-countryPinName{
    display:none;
  }

  .adminStudio-countryPinBubble{
    padding:3px 5px;
  }

  .adminStudio-countryModal{
    left:50%;
    top:auto;
    bottom:12px;
    width:min(290px,calc(100% - 24px));
    transform:translate(-50%,8px) scale(.98);
  }

  .adminStudio-countryModal.is-visible{
    transform:translate(-50%,0) scale(1);
  }
}