/* Carpetas del escritorio que muestran lo mismo que el Explorador: #w-folder (accesos directos creados desde el Explorador),
   #w-skills (sap-hcm-skills) y #w-cockpit (migration-cockpit). Usan los estilos .explorer__* de windows.css; aca solo la seleccion y la posicion.
   JS: extras.js (bloque "Carpetas del escritorio"). */
:is(#w-folder, #w-skills, #w-cockpit) .explorer__item,
:is(#w-folder, #w-skills, #w-cockpit) .explorer__up { display: grid; grid-template-columns: 32px 1fr; grid-template-areas: 'icon name' 'icon desc'; column-gap: 8px; align-items: center; padding: 2px 4px; cursor: default; }
:is(#w-folder, #w-skills, #w-cockpit) .explorer__up img { grid-area: icon; }
:is(#w-folder, #w-skills, #w-cockpit) .explorer__item.is-sel,
:is(#w-folder, #w-skills, #w-cockpit) .explorer__up.is-sel { background: var(--navy, #000080); color: #fff; outline: 1px dotted #ff0; outline-offset: -1px; }
:is(#w-folder, #w-skills, #w-cockpit) .is-sel .explorer__desc { color: #fff; }
:is(#w-folder, #w-skills, #w-cockpit) :is(.explorer__item, .explorer__up):focus-visible { outline: 1px dotted #000; outline-offset: -1px; }
:is(#w-folder, #w-skills, #w-cockpit) .explorer__empty { padding: 8px; color: #444; }
#w-folder .explorer__list { min-height: 120px; }
@media (min-width: 1024px) {
  #w-folder:not([hidden]):not(.is-max):not(.is-float) { margin: 90px 0 0 120px !important; }
}