/* Launcher icons — Aamir's icon sheets 2026-08-28. filled = v4 default, line = other skins.
   Loaded after themes.css; the `html[data-theme] .dash-item:nth-child(n) > .di-icon[data-ic]` selectors
   match the 6-tint circle rules' specificity (0,4,1) and come later, so the discs never paint over art. */
.dash-item > .di-icon[data-ic] { width: 46px; height: 46px; padding: 0; border-radius: 0;
  background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; }
html[data-theme] .dash-item:nth-child(n) > .di-icon[data-ic] {
  width: 46px; height: 46px; padding: 0; border-radius: 0; background-color: transparent;
  background-repeat: no-repeat; background-position: center; background-size: contain; }
.dash-item { gap: 7px; }

.dash-item > .di-icon[data-ic="pray"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="pray"] { background-image: url(icons/filled/pray.webp); }
.dash-item > .di-icon[data-ic="quran"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="quran"] { background-image: url(icons/filled/quran.webp); }
.dash-item > .di-icon[data-ic="sunnah"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="sunnah"] { background-image: url(icons/filled/sunnah.webp); }
.dash-item > .di-icon[data-ic="world"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="world"] { background-image: url(icons/filled/world.webp); }
.dash-item > .di-icon[data-ic="quiz"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="quiz"] { background-image: url(icons/filled/quiz.webp); }
.dash-item > .di-icon[data-ic="qibla"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="qibla"] { background-image: url(icons/filled/qibla.webp); }
.dash-item > .di-icon[data-ic="chat"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="chat"] { background-image: url(icons/filled/chat.webp); }
.dash-item > .di-icon[data-ic="duas"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="duas"] { background-image: url(icons/filled/duas.webp); }
.dash-item > .di-icon[data-ic="tasbih"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="tasbih"] { background-image: url(icons/filled/tasbih.webp); }
.dash-item > .di-icon[data-ic="companion"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="companion"] { background-image: url(icons/filled/companion.webp); }
.dash-item > .di-icon[data-ic="listen"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="listen"] { background-image: url(icons/filled/listen.webp); }
.dash-item > .di-icon[data-ic="ramadan"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="ramadan"] { background-image: url(icons/filled/ramadan.webp); }
.dash-item > .di-icon[data-ic="makkah"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="makkah"] { background-image: url(icons/filled/makkah.webp); }
.dash-item > .di-icon[data-ic="names"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="names"] { background-image: url(icons/filled/names.webp); }
.dash-item > .di-icon[data-ic="mosques"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="mosques"] { background-image: url(icons/filled/mosques.webp); }
.dash-item > .di-icon[data-ic="zakat"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="zakat"] { background-image: url(icons/filled/zakat.webp); }
.dash-item > .di-icon[data-ic="convert"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="convert"] { background-image: url(icons/filled/convert.webp); }
.dash-item > .di-icon[data-ic="pillars"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="pillars"] { background-image: url(icons/filled/pillars.webp); }
.dash-item > .di-icon[data-ic="kalimas"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="kalimas"] { background-image: url(icons/filled/kalimas.webp); }
.dash-item > .di-icon[data-ic="shape"], html[data-theme="v4"] .dash-item:nth-child(n) > .di-icon[data-ic="shape"] { background-image: url(icons/filled/shape.webp); }

html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="pray"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="pray"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="pray"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="pray"] { background-image: url(icons/line/pray.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="quran"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="quran"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="quran"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="quran"] { background-image: url(icons/line/quran.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="sunnah"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="sunnah"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="sunnah"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="sunnah"] { background-image: url(icons/line/sunnah.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="world"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="world"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="world"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="world"] { background-image: url(icons/line/world.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="quiz"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="quiz"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="quiz"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="quiz"] { background-image: url(icons/line/quiz.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="qibla"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="qibla"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="qibla"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="qibla"] { background-image: url(icons/line/qibla.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="chat"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="chat"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="chat"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="chat"] { background-image: url(icons/line/chat.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="duas"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="duas"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="duas"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="duas"] { background-image: url(icons/line/duas.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="tasbih"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="tasbih"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="tasbih"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="tasbih"] { background-image: url(icons/line/tasbih.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="companion"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="companion"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="companion"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="companion"] { background-image: url(icons/line/companion.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="listen"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="listen"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="listen"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="listen"] { background-image: url(icons/line/listen.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="ramadan"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="ramadan"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="ramadan"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="ramadan"] { background-image: url(icons/line/ramadan.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="makkah"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="makkah"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="makkah"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="makkah"] { background-image: url(icons/line/makkah.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="names"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="names"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="names"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="names"] { background-image: url(icons/line/names.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="mosques"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="mosques"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="mosques"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="mosques"] { background-image: url(icons/line/mosques.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="zakat"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="zakat"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="zakat"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="zakat"] { background-image: url(icons/line/zakat.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="convert"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="convert"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="convert"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="convert"] { background-image: url(icons/line/convert.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="pillars"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="pillars"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="pillars"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="pillars"] { background-image: url(icons/line/pillars.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="kalimas"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="kalimas"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="kalimas"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="kalimas"] { background-image: url(icons/line/kalimas.webp); }
html[data-theme="v1"] .dash-item:nth-child(n) > .di-icon[data-ic="shape"], html[data-theme="v2"] .dash-item:nth-child(n) > .di-icon[data-ic="shape"], html[data-theme="v3"] .dash-item:nth-child(n) > .di-icon[data-ic="shape"], html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic="shape"] { background-image: url(icons/line/shape.webp); }

/* Emerald Night is the dark base skin: lift the navy line-art so it reads on the dark tile */
html[data-theme="emerald"] .dash-item:nth-child(n) > .di-icon[data-ic] { filter: invert(1) hue-rotate(180deg) brightness(1.25); }