/* Lucide / Tabler SVGs. Every icon occupies its own layout box. */
.emo.pro-icon{display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;flex:0 0 1.1em;vertical-align:-.15em;line-height:1;font-style:normal}
.pro-icon svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pro-icon svg *{vector-effect:none}
.pro-icon.status-red{color:#c62f2f}.pro-icon.status-green{color:#1b8e52}.pro-icon.status-amber{color:#c77a16}.pro-icon.status-gold{color:#a88812}
.pro-icon[data-icon="circle"] svg{fill:currentColor;stroke:none}
.btn .pro-icon{font-size:15px;color:inherit}
#nav a .pro-icon{font-size:16px;color:inherit}
#nav a>span:last-child{min-width:0}
.sticker.pro-art{color:#22659a;background:#eef5fa;border:calc(var(--u)*.035) solid #c4d9e8;border-radius:18%;box-shadow:none;padding:var(--sp,calc(var(--u)*.3))}
.pro-art svg{display:block;width:100%;height:100%;overflow:visible;stroke-width:1.65}
.kpi.t-bad .pro-art,.tile.t-bad .pro-art,.note.t-red .pro-art{color:#b62d32;background:#fff0f0;border-color:#edc7c7;box-shadow:none}
.kpi.t-good .pro-art,.tile.t-good .pro-art,.note.t-good .pro-art{color:#167447;background:#edf8f1;border-color:#b9dfc9;box-shadow:none}
.kpi.t-amber .pro-art,.tile.t-amber .pro-art,.note.t-amber .pro-art{color:#ad6810;background:#fff6e8;border-color:#ead4ad;box-shadow:none}
.banner .pro-art{color:#194d76;background:#fff;box-shadow:none}
.card>.ch>span.emo.pro-icon{display:inline-flex;flex:0 0 1.1em;font-size:calc(var(--u)*1.03);color:inherit}
.card>.ch>span:not(.bn):not(.sticker):not(.emo){min-width:0;flex:1}
.card>.ch>.heading-art{display:none}
.ph>.emo.pro-icon{display:inline-flex;color:#22659a;font-size:calc(var(--u)*2.15)}
.ph .txt{min-width:0;flex:1}
.sheet .kpi .metric-art{--s:clamp(calc(var(--u)*2.1),65cqh,calc(var(--u)*3.8))}
.sheet .cv .hl .kpi .metric-art,.sheet .cc .row .kpi .metric-art{--s:clamp(calc(var(--u)*2.8),65cqh,calc(var(--u)*4.8))}
.sheet .tile .tile-art{--s:clamp(calc(var(--u)*1.4),55cqh,calc(var(--u)*2.4))}
.pt-art{width:calc(var(--u)*4.4);height:calc(var(--u)*4.4)}
.note-art,.banner-art{width:calc(var(--u)*2.2);height:calc(var(--u)*2.2)}
.sticker.pro-art.heading-art{color:#22659a}
.cellic>span:last-child,.lst li>span:last-child{min-width:0}
.motion-control[aria-pressed="false"]{opacity:.8}
/* Only selected large illustrations move, within their reserved boxes. */
@keyframes icon-radar{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes icon-draw{0%{stroke-dashoffset:28;opacity:.6}30%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes icon-rise{0%,100%{transform:translateY(0)}50%{transform:translateY(-7%)}}
@keyframes icon-signal{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes icon-beat{0%,100%{transform:scale(1)}12%{transform:scale(1.09)}24%{transform:scale(1)}36%{transform:scale(1.06)}48%{transform:scale(1)}}
@keyframes icon-blink{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes icon-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-7deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-3deg)}75%{transform:rotate(0)}}
@keyframes icon-gauge{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(12deg)}}
@media screen and (prefers-reduced-motion:no-preference){
 body:not(.icons-paused) .pro-art.motion-radar svg{animation:icon-radar 14s linear infinite;transform-origin:center}
 body:not(.icons-paused) .pro-art.motion-check svg path:last-child{stroke-dasharray:28;animation:icon-draw 6s ease-in-out infinite}
 body:not(.icons-paused) .pro-art.motion-signal svg{animation:icon-signal 4s ease-in-out infinite}
 body:not(.icons-paused) .pro-art.motion-beat svg{animation:icon-beat 3.6s ease-in-out infinite;transform-origin:center}
 body:not(.icons-paused) .pro-art.motion-blink svg{animation:icon-blink 2.6s ease-in-out infinite}
 body:not(.icons-paused) .pro-art.motion-wiggle svg{animation:icon-wiggle 6s ease-in-out infinite;transform-origin:center}
 body:not(.icons-paused) .pro-art.motion-rise svg{animation:icon-rise 4.5s ease-in-out infinite}
 body:not(.icons-paused) .pro-art.motion-gauge svg path:last-child{animation:icon-gauge 5s ease-in-out infinite;transform-origin:50% 60%}
}
@media print{.pro-art svg,.pro-art svg *{animation:none!important;transform:none!important;opacity:1!important;stroke-dashoffset:0!important;stroke-dasharray:none!important}}
/* The report scales to narrow screens without the sidebar taking its width. */
@media screen and (max-width:900px){
 body:not(.map-app) #app{flex-direction:column}
 body:not(.map-app) #side{position:relative;width:100%;height:auto;flex:0 0 auto}
 body:not(.map-app) #side .brand{padding:9px 14px}
 body:not(.map-app) #side .tools{padding:8px 14px}
 body:not(.map-app) #nav{display:flex;overflow-x:auto;flex:none;padding:3px 8px 8px}
 body:not(.map-app) #nav .grp{display:none}
 body:not(.map-app) #nav a{flex:0 0 auto;max-width:220px;padding:7px 10px}
 body:not(.map-app) #stage{flex:none;width:100%;padding:26px}
}

/* ═══════════ 2026-09-11 — ИКОНКАЛАРНИ СИФАТЛИ ИНТЕГРАЦИЯ ═══════════
   Йирик стикерлар: юмшоқ радиал тагликли «нишон» (badge), ички ҳалқа,
   қалинроқ чизиқ (2.1) ва енгил дуотон тўлдирув; рўйхат/жадвал ва
   диаграмма иконкалари кўк рангда, каттароқ ва матн билан бир қаторда. */
.pro-icon svg,.pro-art svg{shape-rendering:geometricPrecision}
.sticker.pro-art{
  --ic:#1f5f95;--ring:rgba(31,95,149,.26);--bg1:#ffffff;--bg2:#e9f1f9;--bg3:#d6e4f2;
  color:var(--ic);border:0;border-radius:26%;
  background:radial-gradient(125% 125% at 28% 18%,var(--bg1) 0%,var(--bg2) 58%,var(--bg3) 100%);
  box-shadow:inset 0 0 0 calc(var(--u)*.055) var(--ring),inset 0 calc(var(--u)*-.12) calc(var(--u)*.3) rgba(14,46,90,.06),0 calc(var(--u)*.07) calc(var(--u)*.22) rgba(14,46,90,.13);
}
.sticker.pro-art svg{stroke-width:2.1;filter:drop-shadow(0 .03em .05em rgba(14,46,90,.16))}
.sticker.pro-art svg :is(path,circle,rect,ellipse,polygon,polyline){fill:currentColor;fill-opacity:.10}
.sticker.pro-art svg line{fill:none}
.kpi.t-bad .pro-art,.tile.t-bad .pro-art,.note.t-red .pro-art{--ic:#b3262c;--ring:rgba(179,38,44,.26);--bg2:#fdeeee;--bg3:#f6d9d9}
.kpi.t-good .pro-art,.tile.t-good .pro-art,.note.t-good .pro-art{--ic:#14733f;--ring:rgba(20,115,63,.26);--bg2:#eaf7ef;--bg3:#d3ecdc}
.kpi.t-amber .pro-art,.tile.t-amber .pro-art,.note.t-amber .pro-art{--ic:#a8600c;--ring:rgba(168,96,12,.28);--bg2:#fff4e3;--bg3:#f8e3c0}
.kpi.t-blue .pro-art,.tile.t-blue .pro-art,.note.t-blue .pro-art{--ic:#1f5f95}
.banner .pro-art{--ic:#194d76;--ring:rgba(25,77,118,.18);--bg2:#f4f8fc;--bg3:#e6eef7;box-shadow:0 calc(var(--u)*.07) calc(var(--u)*.22) rgba(0,0,0,.22)}
/* ён устун: стикер + ёрлиқ бир бутун нишон */
.block-visual .side-art{--sp:calc(var(--s)*.15)}
.side-label{color:#1f4f7a;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
/* варақ сарлавҳаси иконкаси — нишон тагликда */
.ph>.emo.pro-icon{
  width:1.35em;height:1.35em;flex:0 0 1.35em;padding:.24em;box-sizing:border-box;border-radius:26%;color:#1f5f95;
  background:radial-gradient(125% 125% at 28% 18%,#fff 0%,#e9f1f9 58%,#d6e4f2 100%);
  box-shadow:inset 0 0 0 calc(var(--u)*.05) rgba(31,95,149,.26),0 calc(var(--u)*.06) calc(var(--u)*.18) rgba(14,46,90,.12)
}
.ph>.emo.pro-icon svg{stroke-width:2}
.ph>.emo.pro-icon svg :is(path,circle,rect,ellipse,polygon,polyline){fill:currentColor;fill-opacity:.10}
/* рўйхат, жадвал ва бошқа кичик иконкалар — кўк, бир оз йирикроқ, қалинроқ */
ul.lst li>.emo.pro-icon,.barrow>.emo.pro-icon,.grp .gt>.emo.pro-icon,.tile>.top>.emo.pro-icon{color:#22659a;width:1.15em;height:1.15em;flex-basis:1.15em}
table.tb .cellic>.emo.pro-icon{color:#22659a}
ul.lst li>.emo.pro-icon svg,table.tb .cellic>.emo.pro-icon svg,.barrow>.emo.pro-icon svg{stroke-width:2.05}
ul.lst li>.emo.pro-icon.status-red,table.tb .cellic>.emo.pro-icon.status-red{color:#c62f2f}
ul.lst li>.emo.pro-icon.status-green,table.tb .cellic>.emo.pro-icon.status-green{color:#1b8e52}
ul.lst li>.emo.pro-icon.status-amber,table.tb .cellic>.emo.pro-icon.status-amber{color:#c77a16}
ul.lst li>.emo.pro-icon.status-gold,table.tb .cellic>.emo.pro-icon.status-gold{color:#a88812}
.note .pro-icon:not(.sticker){color:inherit}
/* карта сарлавҳаси (кўк тасма) ичидаги иконка — оқ, қалинроқ */
.card>.ch>span.emo.pro-icon svg{stroke-width:2.1}
/* KPI/плитка тагида иконканинг сояси кўкдан тонга мос */
.kpi.t-bad .pro-art svg{filter:drop-shadow(0 .03em .05em rgba(120,20,25,.18))}
.kpi.t-good .pro-art svg{filter:drop-shadow(0 .03em .05em rgba(10,80,40,.18))}
@media print{.sticker.pro-art svg,.ph>.emo.pro-icon svg{filter:none}}

/* ═══════════ ИДОРАВИЙ ЙҲХБ ИКОНКА УСЛУБИ ═══════════
   Планшетларда йирик белгилар энди emoji-стикер эмас: оқ фондеги тоза
   чизиқли пиктограмма, ЙҲХБ кўк-қизил акценти ва пастда Ўзбекистон
   яшил акценти. Харита саҳифаси (.map-app) бу қоидадан мустасно. */
body:not(.map-app) .sticker.pro-art{
  --ic:#135487;--accent:#c72c35;--uz:#1f8b61;
  position:relative;isolation:isolate;box-sizing:border-box;overflow:visible;
  color:var(--ic);padding:var(--sp,calc(var(--u)*.34));
  border:0;border-radius:0;background:transparent;box-shadow:none;
}
body:not(.map-app) .sticker.pro-art::before{
  content:"";position:absolute;z-index:-1;inset:4%;
  border:calc(var(--u)*.055) solid color-mix(in srgb,var(--ic) 30%,white);
  border-left-color:var(--ic);border-right-color:var(--accent);border-radius:50%;
  background:#fff;box-shadow:0 calc(var(--u)*.06) calc(var(--u)*.16) rgba(14,46,90,.10);
}
body:not(.map-app) .sticker.pro-art::after{
  content:"";position:absolute;z-index:2;left:23%;right:23%;bottom:0;height:calc(var(--u)*.10);
  border-radius:99px;background:linear-gradient(90deg,var(--ic) 0 45%,var(--accent) 45% 67%,var(--uz) 67% 100%);
}
body:not(.map-app) .sticker.pro-art svg{position:relative;z-index:1;stroke-width:1.9;filter:none}
body:not(.map-app) .sticker.pro-art svg :is(path,circle,rect,ellipse,polygon,polyline){fill:none}
body:not(.map-app) .kpi.t-bad .pro-art,body:not(.map-app) .tile.t-bad .pro-art,body:not(.map-app) .note.t-red .pro-art{--ic:#9f252c;--accent:#d14449}
body:not(.map-app) .kpi.t-good .pro-art,body:not(.map-app) .tile.t-good .pro-art,body:not(.map-app) .note.t-good .pro-art{--ic:#126c43;--accent:#24699b}
body:not(.map-app) .kpi.t-amber .pro-art,body:not(.map-app) .tile.t-amber .pro-art,body:not(.map-app) .note.t-amber .pro-art{--ic:#9a5d0d;--accent:#b42630}
body:not(.map-app) .ph>.emo.pro-icon{
  border-radius:50%;background:#fff;color:#175b90;
  box-shadow:inset 0 0 0 calc(var(--u)*.055) rgba(23,91,144,.28),inset calc(var(--u)*.09) 0 0 rgba(23,91,144,.85),inset calc(var(--u)*-.09) 0 0 rgba(190,39,48,.78);
}
body:not(.map-app) .ph>.emo.pro-icon svg :is(path,circle,rect,ellipse,polygon,polyline){fill:none}

/* ═══════════ 3D EMOJI-STICKER THEME (index.html) ═══════════
   Rang blok mavzusidan olinadi; tashqi qobiq 3D chuqurlik beradi, ichki SVG
   esa aniq va chop etishga yaroqli bo'lib qoladi. */
.icon-3d-theme .sticker.pro-art{
  --ic:#1767a2;--ic-hi:#35a9e6;--accent:#e54855;--face:#f8fcff;--edge:#b9d4e8;
  position:relative;isolation:isolate;overflow:visible;box-sizing:border-box;
  color:var(--ic);padding:var(--sp,calc(var(--u)*.34));border-radius:30%;
  border:calc(var(--u)*.045) solid rgba(255,255,255,.92);
  background:
    radial-gradient(circle at 28% 18%,rgba(255,255,255,.98) 0 16%,transparent 42%),
    linear-gradient(145deg,var(--face) 0%,#e9f3fa 48%,var(--edge) 100%);
  box-shadow:
    0 calc(var(--u)*.28) calc(var(--u)*.34) calc(var(--u)*-.18) rgba(8,37,66,.38),
    0 calc(var(--u)*.08) calc(var(--u)*.10) rgba(8,37,66,.22),
    inset calc(var(--u)*.10) calc(var(--u)*.12) calc(var(--u)*.18) rgba(255,255,255,.95),
    inset calc(var(--u)*-.12) calc(var(--u)*-.16) calc(var(--u)*.22) rgba(37,88,128,.18);
  transform-origin:50% 72%;will-change:transform,filter;
}
.icon-3d-theme .sticker.pro-art::before{
  content:"";position:absolute;z-index:0;inset:7% 8% 12%;border-radius:27%;
  border:calc(var(--u)*.025) solid rgba(255,255,255,.75);
  background:linear-gradient(150deg,rgba(255,255,255,.58),rgba(255,255,255,0) 48%,rgba(23,103,162,.08));
  box-shadow:inset 0 calc(var(--u)*.05) calc(var(--u)*.10) rgba(255,255,255,.9);
}
.icon-3d-theme .sticker.pro-art::after{
  content:"";position:absolute;z-index:1;left:22%;right:22%;bottom:7%;height:6%;
  border-radius:99px;background:linear-gradient(90deg,var(--ic),var(--ic-hi) 52%,var(--accent));
  box-shadow:0 calc(var(--u)*.035) calc(var(--u)*.07) rgba(7,37,64,.24);
}
.icon-3d-theme .sticker.pro-art svg{
  position:relative;z-index:2;width:100%;height:100%;overflow:visible;stroke:var(--ic);
  stroke-width:2.15;filter:drop-shadow(0 .075em 0 rgba(255,255,255,.95)) drop-shadow(0 .13em .10em rgba(8,37,66,.28));
  transform-origin:center;will-change:transform,opacity;
}
.icon-3d-theme .sticker.pro-art svg :is(path,circle,rect,ellipse,polygon,polyline){
  fill:var(--ic);fill-opacity:.13;stroke:var(--ic);
}
.icon-3d-theme .sticker.pro-art svg > :nth-child(3n+1){stroke:var(--accent);fill:var(--accent);fill-opacity:.15}
.icon-3d-theme .sticker.pro-art svg > :nth-child(3n+2){stroke:var(--ic-hi)}
.icon-3d-theme .sticker.pro-art svg line{fill:none}

/* Har bir mavzu uchun emoji rang palitrasi. */
.icon-3d-theme [data-visual="crash"] .pro-art{--ic:#b51f35;--ic-hi:#f06449;--accent:#f3a51f;--face:#fff8f6;--edge:#f2c5bd}
.icon-3d-theme [data-visual="ambulance"] .pro-art{--ic:#c6283f;--ic-hi:#ef5b62;--accent:#2c91c9;--face:#fff8f9;--edge:#efc4ca}
.icon-3d-theme [data-visual="crossing"] .pro-art{--ic:#176da4;--ic-hi:#38a7d4;--accent:#f2ad2e;--face:#f7fcff;--edge:#bedbea}
.icon-3d-theme [data-visual="children"] .pro-art{--ic:#6653a6;--ic-hi:#9b78d1;--accent:#efab30;--face:#fbf9ff;--edge:#d8cdef}
.icon-3d-theme [data-visual="bicycle"] .pro-art{--ic:#14815c;--ic-hi:#37b995;--accent:#2489c7;--face:#f5fff9;--edge:#bde3d4}
.icon-3d-theme [data-visual="speed"] .pro-art{--ic:#c45b17;--ic-hi:#ed9b2d;--accent:#c5293c;--face:#fffaf3;--edge:#efd2aa}
.icon-3d-theme [data-visual="infrastructure"] .pro-art{--ic:#9a6213;--ic-hi:#e6a62e;--accent:#225f91;--face:#fffaf0;--edge:#ead4a8}
.icon-3d-theme [data-visual="radar"] .pro-art{--ic:#1766a2;--ic-hi:#24abd2;--accent:#6c54ae;--face:#f4fbff;--edge:#b9d9ea}
.icon-3d-theme [data-visual="traffic"] .pro-art{--ic:#b86c13;--ic-hi:#e7aa25;--accent:#169260;--face:#fffaf0;--edge:#ead3a2}
.icon-3d-theme [data-visual="parking"] .pro-art{--ic:#175f9e;--ic-hi:#3a9bce;--accent:#db3b4b;--face:#f5fbff;--edge:#bdd7e9}
.icon-3d-theme [data-visual="documents"] .pro-art{--ic:#3e5f9d;--ic-hi:#6c90cf;--accent:#d69a24;--face:#f8faff;--edge:#c9d3eb}
.icon-3d-theme [data-visual="search"] .pro-art{--ic:#5f4a9a;--ic-hi:#8c6ac1;--accent:#e05c54;--face:#fbf8ff;--edge:#d7caea}
.icon-3d-theme [data-visual="done"] .pro-art{--ic:#13784a;--ic-hi:#34ac73;--accent:#e1a522;--face:#f5fff9;--edge:#b9dfca}
.icon-3d-theme [data-visual="ecology"] .pro-art{--ic:#197a49;--ic-hi:#54b55e;--accent:#228aae;--face:#f5fff6;--edge:#bfe0c3}
.icon-3d-theme [data-visual="time"] .pro-art{--ic:#5b56a0;--ic-hi:#8b7ac8;--accent:#e39a2a;--face:#faf9ff;--edge:#d2cbea}
.icon-3d-theme [data-visual="map"] .pro-art{--ic:#176b91;--ic-hi:#28a7bc;--accent:#e55354;--face:#f4fcff;--edge:#badddf}
.icon-3d-theme [data-visual="outreach"] .pro-art{--ic:#a53b52;--ic-hi:#e86b68;--accent:#286fa5;--face:#fff7f8;--edge:#ecc4cb}
.icon-3d-theme [data-visual="patrol"] .pro-art{--ic:#174f82;--ic-hi:#2e83bd;--accent:#cf3444;--face:#f5faff;--edge:#bfd4e5}
.icon-3d-theme [data-visual="vehicle"] .pro-art{--ic:#195f8e;--ic-hi:#329bc1;--accent:#e05c3f;--face:#f5fbff;--edge:#bfd8e5}
.icon-3d-theme [data-visual="money"] .pro-art{--ic:#9a6816;--ic-hi:#d7a72c;--accent:#24845b;--face:#fffdf3;--edge:#e7daa9}
.icon-3d-theme [data-visual="stats"] .pro-art{--ic:#435b9f;--ic-hi:#6e89d2;--accent:#21a17a;--face:#f7f9ff;--edge:#c8d2ea}
.icon-3d-theme .t-bad .pro-art,.icon-3d-theme .kpi.t-bad .pro-art,.icon-3d-theme .tile.t-bad .pro-art{--ic:#aa2236;--ic-hi:#ef5f52;--accent:#ef9f22;--face:#fff7f6;--edge:#efc3bc}
.icon-3d-theme .t-good .pro-art,.icon-3d-theme .kpi.t-good .pro-art,.icon-3d-theme .tile.t-good .pro-art{--ic:#147247;--ic-hi:#38a96f;--accent:#277fb1;--face:#f5fff9;--edge:#b9ddc7}
.icon-3d-theme .t-amber .pro-art,.icon-3d-theme .kpi.t-amber .pro-art,.icon-3d-theme .tile.t-amber .pro-art{--ic:#98600f;--ic-hi:#dda02b;--accent:#bd3542;--face:#fffaf1;--edge:#ead2a7}

/* Sahifa va matn ichidagi kichik belgilar ham shu vizual tilga mos. */
.icon-3d-theme .ph>.emo.pro-icon{
  border-radius:29%;color:#17659b;background:linear-gradient(145deg,#fff,#dfedf6);
  box-shadow:0 .13em .18em rgba(11,46,77,.24),inset .08em .08em .12em #fff,inset -.08em -.10em .14em rgba(41,94,133,.18);
}
.icon-3d-theme .ph>.emo.pro-icon svg :is(path,circle,rect,ellipse,polygon,polyline){fill:currentColor;fill-opacity:.11}
.icon-3d-theme .card>.ch>.pro-icon,.icon-3d-theme .grp.boxed>.gt>.pro-icon{
  width:1.28em;height:1.28em;flex:0 0 1.28em;padding:.18em;box-sizing:border-box;
  border-radius:30%;color:#155f94;background:linear-gradient(145deg,#fff,#dcecf7);
  border:.055em solid rgba(255,255,255,.9);
  box-shadow:0 .12em .16em rgba(5,30,55,.32),inset .07em .07em .09em #fff,inset -.07em -.09em .12em rgba(31,91,132,.18);
}
.icon-3d-theme .card>.ch>.pro-icon svg,.icon-3d-theme .grp.boxed>.gt>.pro-icon svg{stroke-width:2.15;filter:drop-shadow(0 .06em .035em rgba(7,37,62,.22))}
.icon-3d-theme [data-visual="crash"]>.ch>.pro-icon,.icon-3d-theme [data-visual="ambulance"]>.ch>.pro-icon{color:#b92439;background:linear-gradient(145deg,#fff,#f5d7da)}
.icon-3d-theme [data-visual="done"]>.ch>.pro-icon,.icon-3d-theme [data-visual="ecology"]>.ch>.pro-icon,.icon-3d-theme [data-visual="bicycle"]>.ch>.pro-icon{color:#15764c;background:linear-gradient(145deg,#fff,#d7f0e2)}
.icon-3d-theme [data-visual="traffic"]>.ch>.pro-icon,.icon-3d-theme [data-visual="infrastructure"]>.ch>.pro-icon,.icon-3d-theme [data-visual="money"]>.ch>.pro-icon,.icon-3d-theme [data-visual="speed"]>.ch>.pro-icon{color:#98600f;background:linear-gradient(145deg,#fff,#f4e1ba)}
.icon-3d-theme [data-visual="children"]>.ch>.pro-icon,.icon-3d-theme [data-visual="search"]>.ch>.pro-icon,.icon-3d-theme [data-visual="time"]>.ch>.pro-icon,.icon-3d-theme [data-visual="stats"]>.ch>.pro-icon{color:#5d51a0;background:linear-gradient(145deg,#fff,#e2ddf3)}
.icon-3d-theme .icon-live{transform-origin:center;will-change:transform}

/* Tinch, professional animatsiya: qobiq suzadi, belgi esa mavzusiga mos harakat qiladi. */
@keyframes icon-3d-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6%) rotate(1.4deg)}}
@keyframes icon-live-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4%) scale(1.035)}}
@keyframes icon-drive{0%,100%{transform:translateX(-3%) rotate(-1deg)}50%{transform:translateX(4%) rotate(1deg)}}
@keyframes icon-ride{0%,100%{transform:translateX(-3%) rotate(-2deg)}45%{transform:translateX(4%) rotate(2deg)}55%{transform:translateX(3%) rotate(-1deg)}}
@keyframes icon-pin{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-7%) scale(1.03)}65%{transform:translateY(1%) scale(.98)}}
@keyframes icon-coin{0%,100%{transform:rotateY(0deg) scaleX(1)}50%{transform:rotateY(55deg) scaleX(.88)}}
@keyframes icon-chart{0%,100%{transform:scaleY(.93);transform-origin:50% 100%}50%{transform:scaleY(1.04);transform-origin:50% 100%}}
@keyframes icon-scan{0%,100%{transform:translateX(-3%) scale(.98);opacity:.84}50%{transform:translateX(3%) scale(1.04);opacity:1}}
@keyframes icon-work{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}
@keyframes icon-walk{0%,100%{transform:translateX(-2%) rotate(-2deg)}50%{transform:translateX(3%) rotate(2deg)}}
@media screen and (prefers-reduced-motion:no-preference){
 .icon-3d-theme:not(.icons-paused) .pro-art.motion-3d{animation:icon-3d-float var(--motion-speed,5.6s) ease-in-out infinite var(--motion-delay,0s)}
 .icon-3d-theme:not(.icons-paused) .icon-live svg{animation:icon-live-breathe 6.8s ease-in-out infinite var(--icon-delay,0s);transform-origin:center}
 .icon-3d-theme:not(.icons-paused) .pro-art.motion-drive svg{animation:icon-drive 3.8s ease-in-out infinite}
 .icon-3d-theme:not(.icons-paused) .pro-art.motion-ride svg{animation:icon-ride 3.4s ease-in-out infinite}
 .icon-3d-theme:not(.icons-paused) .pro-art.motion-pin svg{animation:icon-pin 3.8s ease-in-out infinite}
 .icon-3d-theme:not(.icons-paused) .pro-art.motion-coin svg{animation:icon-coin 5.2s ease-in-out infinite}
 .icon-3d-theme:not(.icons-paused) .pro-art.motion-chart svg{animation:icon-chart 4.2s ease-in-out infinite}
 .icon-3d-theme:not(.icons-paused) .pro-art.motion-scan svg{animation:icon-scan 4.4s ease-in-out infinite}
 .icon-3d-theme:not(.icons-paused) .pro-art.motion-work svg{animation:icon-work 4.2s ease-in-out infinite}
 .icon-3d-theme:not(.icons-paused) .pro-art.motion-walk svg{animation:icon-walk 3.8s ease-in-out infinite}
 .icon-3d-theme:not(.icons-paused) .pro-art.motion-breathe svg{animation:icon-live-breathe 5.2s ease-in-out infinite}
}
@media print{
 .icon-3d-theme .pro-art,.icon-3d-theme .pro-art svg,.icon-3d-theme .icon-live svg{animation:none!important;transform:none!important;filter:none!important}
 .icon-3d-theme .sticker.pro-art{box-shadow:inset 0 0 0 calc(var(--u)*.035) var(--edge)!important}
}